آموزش Css Grid از مقدماتی تا پیشرفته

آموزش Css Grid از مقدماتی تا پیشرفته

آموزش Css Grid از مقدماتی تا پیشرفته

اگر FlexBox را درب بهشت تصور کنیم , Grid خود بهشت است.

اگر با flexbox کار کرده باشید یقینا با محدودیت های آن آشنا هستید(مخصوصا در ستون بندی)
اما ماژول cssGrid جدید ترین و به روز ترین و قوی ترین سیستم قالب بندی و صفحه آرایی css و ترکیبی از clearfixes containers ، floats و flexbox است
که این قابلیت را به شما می دهد تا ردیف ها و ستون ها را  در لایه های 2 بعدی  بصورت حرفه ای مدیریت و دسته بندی کنید.
از یک منوی ساده گرفته تا قالب کلی سایت را میتوانید بدون هیچ محدودیتی و به سادگی با CssGrid پیاده کنید.

مزیت های این دوره :
_کاملا پروژه محور با مثال عملی در هر مبحث
_مقدماتی تا پیشرفته
_پوشش تمامی امکانات جدید ماژول

 

جهت اطلاع از تخفیف ها و دوره های جدید و بروز رسانی دوره ها عضو کانال تلگرام تاپ لرن با آی دی Top_Learn@ شوید.


پیش نمایش


لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد .

مدت زمان دوره: 03:05:00
راهنما! برای دانلود با دانلود منیجر(IDM) بر روی این لینک کلیک کنید.

معرفی دوره Css Grid

آشنایی با اجزا و اصطلاحات یک سیستم گرید و شروع کار با ستون ها و ردیف ها و مقدار دهی بصورت عملی

آشنایی با ویژگی های دیگر قالب دهی ستونی و ردیفی در سیستم و بررسی متد های repeat و minmax 

ساخت یک navbar با آموخته های جلسه های پیشین

بررسی ویژگی grid-template-areas و نحوه خلاصه نویسی در grid

ساخت قالب و چیدمان کلی صفحه (body) با grid و بررسی ویژگی grid-gap

آشنایی با ویژگی های start و end جهت تعیین دقیق مکان جایگیری یک آیتم در سیستم 

نحوه تراز بندی آیتم ها در سیستم

نکات تکمیلی + 2 مینی پروژه

تغییر ترتیب آیتم ها در گرید

ساخت یک گالری تصاویر خبری با استفاده از CssGrid

ریسپانسیو  پروژه با استفاده از CssGrid

پاسخ به این پرسش که کدام یک از ماژول های صفحه آرایی css را باید استفاده کرد
 

برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.