امروز آخرین ثبت نامی هارو گرفتیم
اگر بخواید میتونید ثبت نام کنید تا آخر امشب اما جلسه اول آنلاین رو باید به صورت ضبط شده تماشا کنید و از جلسات بعد آنلاین برید سر کلاس❤️
انشالله به مرور راجبش براتون صحبت میکنم.
@Web_Block
برنامه نویسی | Web Block
◇ 🌐دوره: طراحی سایت 💯موضوع: ساخت اسناد html و css 🎥قسمت : ۱ ◇ #ویدئو
•
سوالات تموم شد فعلا رفقا،
این دوره HTML CSS آکادمی هستش که یکی از شما سوال کرده بود، رایگان بعضی قسمت هاش داخل کانال قرار گرفته💎
برای روش نصب ابزار لازم برای کدنویسی داخل گوشی و کامپیوتر هم هشتگ های #کدنویس_عجوبه رو بالا برید❤️
شب ادامه آموزش های پایه رو براتون میزارم.
@Web_Block
🧩 یک سایت از چی ساخته شده؟ | قسمت ۴
وقتی یک سایت رو باز میکنی، چیزهای مختلفی میبینی:
📝 متن
🖼️ عکس
🎨 رنگ و ظاهر
🔘 دکمهها
📋 فرمها
🎬 ویدیو و...
همه اینها به کمک کد ساخته میشن.
سه زبان معروف در ساخت بخش ظاهری سایت:
🔹 HTML → ساختار صفحه
🔹 CSS → ظاهر و زیبایی
🔹 JavaScript → رفتار و تعامل
مثلاً:
HTML میگه: «اینجا یک دکمه باشه.»
CSS میگه:دکمه چه شکلی باشه
JavaScript میگه: «وقتی روی دکمه کلیک شد، چه اتفاقی بیفته.»
حالا یک سؤال مهم:
🤔 آیا همه سایتها فقط همین چیزها هستن؟
@Web_Block
🌐 سایت فقط چیزی نیست که میبینیم | قسمت ۵
وقتی وارد یک سایت میشیم، فقط بخش قابل مشاهده رو میبینیم.
اما پشت صحنه ممکنه اتفاقات زیادی در حال انجام باشه.
مثلاً وقتی وارد یک فروشگاه اینترنتی میشی:
🛒 محصول رو انتخاب میکنی
⬇️
📦 سایت اطلاعات محصول رو دریافت میکنه
⬇️
👤 اطلاعات حساب کاربری بررسی میشه
⬇️
💳 پرداخت انجام میشه
⬇️
✅ سفارش ثبت میشه
این کارها فقط با چیزی که روی صفحه میبینیم انجام نمیشن.
اینجاست که مفاهیمی مثل فرانتاند، بکاند و دیتابیس وارد ماجرا میشن.
🚀 در ادامه میریم سراغ اینکه هرکدوم دقیقاً چی هستن.
@Web_Block
🌐 یک سایت فقط ظاهر نیست! |
قسمت ۶
تا اینجا فهمیدیم که یک سایت چیزهای مختلفی داره؛ متن، عکس، دکمه و کلی امکانات دیگه.
اما یک سایت معمولاً دو بخش اصلی داره:
👀 بخشی که ما میبینیم و باهاش کار میکنیم
مثل دکمهها، منوها، تصاویر و صفحههای سایت.
⚙️ بخشی که پشت صحنه کار میکنه
مثل بررسی اطلاعات، ورود به حساب کاربری و ذخیره اطلاعات.
به بخش اول میگن Front-End یا فرانتاند
و به بخش دوم میگن Back-End یا بکاند
در شب های بعدی،دقیق تر بهتون میگم فرانت اند و بک اند چی هستن❤️
@Web_Block
🌐 فرانتاند چیست؟ | قسمت ۷
وقتی وارد یک سایت میشی، اولین چیزی که میبینی چیه؟
👀 ظاهر سایت!
مثلاً:
📝 متنها
🖼️ عکسها
🔘 دکمهها
📋 منوها
🎨 رنگها و طراحی سایت
به تمام بخشهایی از سایت که کاربر میبینه و باهاش تعامل داره، فرانتاند یا Front-End میگن.
مثلاً وقتی روی یک دکمه کلیک میکنی یا بین صفحههای سایت جابهجا میشی، در حال تعامل با فرانتاند هستی.
💡 خیلی ساده:
فرانتاند = ظاهر و بخش قابل مشاهدهی سایت
اما پشت این ظاهر چه اتفاقی میافته؟ 🤔
قسمت بعدی: بکاند چیست؟ ⚙️
@web_block
🌐 بکاند چیست؟ | قسمت ۸
فرض کن وارد یک سایت میشی و روی دکمه «ورود» کلیک میکنی.
تو فقط یک صفحه و چندتا دکمه میبینی...
اما پشت صحنه ممکنه اتفاقات زیادی بیفته! ⚙️
مثلاً:
🔐 بررسی نام کاربری و رمز عبور
👤 پیدا کردن اطلاعات حساب کاربری
📦 دریافت اطلاعات از سرور
💾 ذخیره اطلاعات جدید
به این بخشهای پشتصحنه، Back-End یا بکاند میگن.
💡 خیلی ساده:
فرانتاند = چیزی که میبینی 👀
بکاند = چیزی که پشت صحنه کار میکنه ⚙️
اما اطلاعات کاربران و سایت کجا نگهداری میشن؟ 🤔
قسمت بعدی میریم سراغ دیتابیس! 💾
@Web_Block
🌐 دیتابیس چیست؟ | قسمت ۹
فرض کن یک سایت میلیونها کاربر داشته باشه!
اطلاعات این همه کاربر کجا ذخیره میشن؟ 🤔
مثلاً:
👤 اطلاعات کاربران
📦 اطلاعات محصولات
📝 مقالهها و پستها
🛒 سفارشها
💬 پیامها
این اطلاعات معمولاً داخل چیزی به نام Database یا دیتابیس ذخیره میشن.
💾 خیلی ساده میتونیم دیتابیس رو مثل یک انبار بزرگ و منظم از اطلاعات تصور کنیم.
هر وقت سایت به اطلاعاتی نیاز داشته باشه، بکاند میتونه اطلاعات مورد نیاز رو از دیتابیس پیدا کنه یا اطلاعات جدیدی داخلش ذخیره کنه.
💡 پس تا اینجا داریم:
👀 Front-End → چیزی که کاربر میبینه
⚙️ Back-End → بخش پشتصحنه
💾 Database → محل نگهداری اطلاعات
حالا این سه بخش چطور با هم کار میکنن؟ 👀🚀
ادامه دارد...❤️
@Web_Block