فلکس‌باکس تو CSS: چیدمان رو ساده کن

فلکس‌باکس (Flexbox) تو CSS چیدمان عناصر رو تو یه خط (افقی یا عمودی) ساده می‌کنه و با display: flex شروع می‌شه. با ویژگی‌هایی مثل flex-direction جهت رو عوض می‌کنی، justify-content فاصله‌ها رو تنظیم می‌کنه و align-items تراز رو درست می‌کنه. تو یه مثال، منویی ساختیم که تو دسکتاپ افقیه و تو موبایل عمودی می‌شه. دست به کد بزن و با فلکس‌باکس، سایتت رو منظم و ریسپانسیو کن!

 

طراحی ریسپانسیو چیه و چرا مهمه؟

طراحی ریسپانسیو یعنی سایتت تو هر دستگاهی (موبایل، تبلت، دسکتاپ) درست دیده بشه و با CSS، مدیا کوئری‌ها و واحدهای نسبی مثل % انجام می‌شه. این کار تجربه کاربر رو بهتر می‌کنه، سئو رو بالا می‌بره و هزینه طراحی جدا برای موبایل رو حذف می‌کنه. تو یه مثال، منویی ساختیم که تو دسکتاپ افقیه و تو موبایل عمودی می‌شه. دست به کد بزن و با ریسپانسیو، سایتت رو برای همه آماده کن!

 

متغیرها تو جاوااسکریپت: کاربردشون چیه؟

متغیرها تو جاوااسکریپت مثل جعبه‌هایی هستن که اطلاعات (مثل عدد، متن یا لیست) رو نگه می‌دارن و با var، let و const تعریف می‌شن. let برای مقادیر قابل تغییر، const برای ثابت‌ها و var روش قدیمی‌تره. تو یه مثال، با متغیرها پیام خوش‌آمدگویی ساختیم و تو پروژه شمارش کلیک، تعداد رو ذخیره کردیم. متغیرها کد رو ساده و مرتب می‌کنن؛ دست به کد بزن و با اینا، برنامه‌نویسی رو شروع کن!