
نحوه ساخت این بخش شبکه CSS.
موارد زیر را بیان خواهیم کرد
- ساختار دروس چگونه است
- شروع شدن
- چرا فقط ۲۰٪؟
CSS Grid
چیست؟- چه چیزی می سازم؟
این بخش براساس یکی از پست های محبوب متوسط من ساخته شده است. با این حال ، من برای به روزرسانی دروس برای هدف دوره پیش رفته ام. لذت بیرین!
هی قهرمان!
این بخش از دوره ممکن است چالش برانگیزترین موارد تا کنون باشد – مخصوصاً اگر در CSS تازه وارد هستید.
من نمی خواهم اگر هر یک از دروس را به طور کامل درک نکنید وحشت کنید. یک بار دیگر به درس بروید ، یا در Slack
از من سوال کنید و خوشحال می شوم که به شما کمک کنم. باشه؟
ساختار دروس چگونه است
سبک تدریس در این بخش با اکثر دروس این دوره کمی متفاوت است. در این بخش ، من با ساخت یک پروژه در دنیای واقعی با هم CSS Grid
را آموزش می دهم.
تعداد زیادی کد وجود دارد سعی می کنم مطالب را به خوبی توضیح دهم ، اما ممکن است هنوز هم خود در جایی گیر کرده باشید. اگر چنین اتفاقی افتاد ، دوباره احساس راحتی کنید و با من تماس بگیرید.
همچنین ، در پایان برخی از درس ها ، یک زمین بازی خواهید یافت که شامل تمام کدهای نوشته شده تا آن مرحله از درس است.
حتماً در این زمین های بازی با کد بازی کنید. شما مفاهیم آموزش داده شده را بسیار بهتر خواهید فهمید.
شما می توانید این کار را انجام دهید!
شروع کنیم
این راهنمای یادگیری “همه چیز” در مورد CSS grid
نیست.
برعکس ، مخاطبان هدف افرادی هستند که به سرعت نتیجه می خواهند و در حالی که در آن حضور دارند ، مثمر ثمر هستند.
در دروس آینده ، من ۲۰ درصد مورد نیاز برای کارایی ۸۰ درصد را با طرح CSS Grid
به شما نشان خواهم داد.
این حرف شیرینی نیست من واقعاً مهمترین قسمتهای CSS grid
را که برای ایجاد طرح بندی بلافاصله نیاز دارید ، به شما نشان می دهم!
بیایید حفاری کنیم!
چرا فقط ۲۰٪؟
در صورت امکان ، یک برنامه نویس به دنبال کارایی است – راه فرضی تنبلی.
طرح CSS Grid
پیچیده است. به نظر من ، پیچیده تر از Flexbox
است. خدایا ، هفته ها طول کشید تا متوجه Flexbox
شدم
این به این دلیل نیست که CSS Grid
دشوار است ، اما CSS Grid
دارای ۱۸ ویژگی جدید به همراه مفاهیم دیگری است که هرگز در جاهای دیگر CSS نشنیده اید!
بنابراین ، آیا اکنون به همه این ویژگی های جدید نیاز دارید؟
نه ، شما ندارید!
فقط کافی است کمی یاد بگیرید تا اکنون به نتیجه برسید. برای یادگیری سایر خصوصیات بعداً می توانید پیش بروید. این تعریف من از “کارایی با طرح CSS Grid
” است
بیایید در درس بعدی شروع کنیم.
CSS Grid چیست؟
اگر در طرح بندی در CSS تازه وارد هستید ، ممکن است طرح CSS Grid
برای شما عجیب به نظر برسد.
آیا در مورد فلکس باکس چیزی شنیده اید؟ حتما شنیدی! من در درس قبلی در مورد Flexbox
بحث کردم.
من دوست دارم طرح CSS Grid
و Flexbox
را به عنوان خواهر و برادر ببینم. CSS Grid
خواهر بزرگتر است.
مدیریت چیدمان ها در CSS دشوار و طاقت فرسا بوده است. Flexbox
کمی هوای تازه به همراه داشت – اما CSS Grid
حتی بهتر است.
چه چیزی می سازم؟
شما یاد خواهید گرفت که دانش ۲۰٪ خود را برای ساختن یک کلون از طرح برنامه موسیقی ریسپانسیو استفاده کنید.
شما ممکن است این طرح برنامه موسیقی را تشخیص دهید