سرفصل های دوره
آشنایی با دوره
راهنمای دسترسی به فایل های دوره آموزش فلکس باکس و گرید
آموزش Flexbox (فلکس باکس) در CSS
نگاه کلی به فلکس باکس
فلکس باکس چیست؟
spacing و align کردن آیتم ها با فلکس باکس
آشنایی با پراپرتی Flex
استفاده از فلکس باکس در کامپوننت ها
استفاده از فلکس باکس در layout یک پروژه ساده
آموزش Grid در CSS
نگاه کلی به CSS Grid
CSS Grid چیست؟
سایزبندی سطرها و ستون ها در گرید
پوزیشن آیتم های گرید در CSS Grid
تراز کردن Grid Item و Grid Track ها در CSS
استفاده از گرید در یک پروژه ساده
اجرای یک پروژه با Flexbox و Grid
قالب بندی سایت لاراپلاس با فلکس باکس و Grid
توضیحات
چی هست اصلا این فلکس باکس و گرید؟
تمام سایت هایی که شما روزانه می بینید، قالب بندی دارند. منظور از قالب بندی هم نحوه قرار گرفتن المان ها در کنار همدیگه است. در واقع اساسی ترین عنصر در شکل ظاهری سایت ها، همین قالب بندی هست. فلکس باکس (Flexbox) و گرید (Grid) دو تا از مدرن ترین و بهترین روشهای قالب بندی صفحات سایت هاست که قرار هست در این دوره کار با اونها رو یاد بگیریم.
Flexbox و Grid فقط برای قالب بندی استفاده میشه؟
نه. بخش زیادی از ریسپانسیوسازی سایت ها رو هم میشه با استفاده از فلکس و گرید انجام داد. ریسپانسیو سازی هم به معنای نمایش درست سایت، در صفحه نمایش های با سایزهای مختلف هست. به توضیح ساده تر ما در ریسپانسیو سازی (یا واکنشگرا کردن) صفحات سایت، کاری میکنیم که کاربر با هر دستگاهی که وارد شد (موبایل، لپ تاپ، تبلت و …) سایت ما به درستی و به صورت کامل براش به نمایش دربیاد.
توی این دوره، پروژه هم انجام میدیم؟
مگه میشه من دوره ای آماده کنم و داخلش پروژه انجام ندیم؟ من معتقدم بهترین نوع آموزش برنامه نویسی، آموزش پروژه محور هست. بنابراین اول از همه، در دو فصل جداگانه flexbox و grid رو به صورت کامل و حرفه ای آموزش میدم (با پروژه های ساده) و بعد در فصل آخر، یک پروژه بزرگ و واقعی رو با استفاده از این دو تکنولوژی، قالب بندی می کنیم.
این دوره برای چه کسانی مناسبه؟
کسانی که تجربه کار با فلکس و گرید رو نداشتند مخاطب اصلی این دوره هستند. اما بهت قول میدم حتی اگر قبلا تجربه کار با این دو تکنولوژی رو داشتی، باز هم این دوره مطالب جدیدی واست داره که قطغا بدردت میخوره. رایگان هم که هست! پس معطل چی هستی؟ دکمه ثبت نام رو بزن دیگه!
سوالات متداول
آیا این دوره پیش نیاز داره؟
در این دوره پروژه هم انجام میدیم؟