اصول CSS Flexbox

آنچه یاد خواهید گرفت:

•  چگونگی استفاده از Containers و Items در Flexbox
•  هم‌ترازی عناصر به صورت عمودی و افقی
•  کنترل فاصله گذاری و توزیع در طرح بندی ها
•  بسته‌بندی و مرتب‌سازی مجدد آسان عناصر
•  ساخت طرح بندی هایی که با هر اندازه صفحه‌ای سازگار باشند.
•  درک Flexbox از طریق ابزارهای بصری مانند Flexbox Froggy
•  به‌کارگیری Flexbox در پروژه‌های دنیای واقعی
•  ایجاد یک طرح بندی وبلاگ واکنش‌گرا از ابتدا

Flexbox دردسرهای طراحی طرح بندی CSS را از بین می‌برد. اگر با Floats، Margins یا مشکلات Positioning دست و پنجه نرم کرده‌اید، این دوره دکمه Reset شماست.

ما از همان مبانی شروع خواهیم کرد: اینکه Flexbox چیست و چرا اهمیت دارد. شما تمرین عملی هم‌ترازی عناصر، فاصله گذاری یکنواخت آن‌ها، و واکنش‌گرا کردن طرح‌های خود در دستگاه‌های مختلف خواهید داشت.

شما ابزارهای سرگرم‌کننده‌ای مانند Flexbox Froggy را برای تقویت بصری مفاهیم کلیدی کاوش خواهید کرد. سپس، مهارت‌های خود را با ساختن یک طرح بندی وبلاگ واکنش‌گرا از ابتدا به کار می‌بندید.

این دوره برای مبتدیانی که می‌خواهند بالاخره بدون سردرگمی، طرح بندی را درک کنند... و با یک پروژه دنیای واقعی برای اثبات مهارت خارج شوند، عالی است!

نتیجه نهایی چیست؟

این دوره CSS Flexbox به شما کمک می‌کند تا از یک مبتدی به 10% برتر توسعه‌دهندگان وب تبدیل شوید!

این دوره صرفاً برای کدنویسی بدون درک اصول نیست، به طوری که پس از اتمام دوره احساس کنید جز تماشای یک آموزش دیگر کاری از دستتان برنمی‌آید... خیر!

این دوره شما را تحت فشار قرار می‌دهد و به چالش می‌کشد تا کسی شوید که قادر است پروژه‌های دنیای واقعی خود را بسازد که کاربران و کارفرمایان آینده را شگفت‌زده کند.