آیا شما یک توسعه دهنده جلویی هستید که یاد می گیرید سبک های خوب را برای وب تنظیم کنید و یا یک داربست توسعه دهنده پشتی ، طرح بندی های اساسی را نشان می دهد ، این دوره به توسعه دهندگان نشان می دهد که چگونه CSS کار می کند و چگونه می توان CSS مدرن را برای پروژه های وب استفاده کرد. مربی کری دیلز به توسعه دهندگان در مورد اصول CSS آموزش می دهد ، چگونه می توان از آن برای حل چیدمان وب و چالش های یک ظاهر طراحی شده و راه های ترکیب CSS در پروژه های خود استفاده کرد.

این دوره با CodeSpaces GitHub ، یک محیط توسعه دهنده ابر فوری که تمام عملکردهای IDE مورد علاقه شما را بدون نیاز به تنظیمات محلی محلی ارائه می دهد ، یکپارچه شده است. با استفاده از Codepaces GitHub ، می توانید از هر دستگاهی ، در هر زمان استفاده کنید-همه در حالی که از ابزاری استفاده می کنید که احتمالاً در محل کار با آن روبرو خواهید شد. برای یادگیری نحوه شروع کار ، از فیلم "استفاده از CodeSpaces GitHub با این دوره" دیدن کنید.

بوت استرپ محبوب ترین فریم ورک برای ساخت وب سایت های واکنش گرا و مبتنی بر موبایل است. وقتی آن را با Sass ترکیب می کنید، قدرت های فوق العاده CSS و سطحی از سفارشی سازی را دریافت می کنید که بوت استرپ را حتی قدرتمندتر می کند. این دوره به بررسی تفاوت های بین Bootstrap معمولی و نسخه جدید Sass-drive، Bootstrap 4 می پردازد و نحوه استفاده از ویژگی های Sass-enabled برای ساخت سایت های سفارشی تر را نشان می دهد. مربی Ray Villalobos نحوه نصب کتابخانه ها برای افزودن فونت ها، نمادها و انیمیشن های سفارشی را نشان می دهد. از متغیرهای Sass، نقشه‌ها و میکسین‌ها برای ایجاد طرح‌بندی سفارشی استفاده کنید. تغییر تنظیمات جهانی؛ و اجزای موجود را با CSS و Sass سفارشی کنید.

با نحوه ساخت طرح های تک صفحه ای پویا و پاسخگو با HTML، جاوا اسکریپت و CSS آشنا شوید. وب‌سایتی که در این دوره ارائه می‌شود، ناوبری اتصال، ستون‌هایی را که بدون درهم ریختن طرح‌بندی سایت شما تنظیم می‌شوند یا نشانه‌گذاری HTML، و افکت‌های پیمایش متحرک که به جهت کاربر پاسخ می‌دهند، ترکیب می‌کند. نویسنده Ray Villalobos به شما نشان می دهد که چگونه آن را بسازید. او با یک الگوی ساده و آسان شروع می‌کند و سپس توضیح می‌دهد که چگونه می‌توان ویژگی‌هایی را که طراحی‌های تک صفحه‌ای را بسیار عالی می‌کنند، با این چهار چارچوب اضافه کرد:
rn این یک پروژه واقع گرایانه است که تجسم بسیاری از چالش های طراحی است که توسعه دهندگان وب سایت در دنیای واقعی با آن روبرو هستند. همین حالا تماشا را شروع کنید و یاد بگیرید که چگونه از HTML، jQuery و CSS برای ایجاد طرح‌های پویا و عمیق پاسخگوی خود استفاده کنید.