cssطراحی سایت

جلسه ۶۳: مقدمه در CSS

مقدمه

نحوه ساخت این بخش شبکه 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 حتی بهتر است.

چه چیزی می سازم؟

شما یاد خواهید گرفت که دانش ۲۰٪ خود را برای ساختن یک کلون از طرح برنامه موسیقی ریسپانسیو استفاده کنید.

شما ممکن است این طرح برنامه موسیقی را تشخیص دهید

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا