آموزش CSS برای توسعه دهندگان

مقدمه Introduction

• استفاده از GitHub Codespaces با این دوره Using GitHub Codespaces with this course

• استفاده از ابزارهای توسعه دهنده مرورگر Using browser developer tools

• به CSS برای توسعه دهندگان خوش آمدید Welcome to CSS for developers

1. CSS چگونه کار می کند 1. How CSS Works

• پشته رندر مرورگر Browser rendering stack

• زبان های اعلانی در مقابل زبان های امری Declarative vs. imperative languages

• واحدها و اندازه ها Units and sizes

• ویژگی انتخابگر Selector specificity

• آبشار The cascade

• چرا CSS اینقدر خسته کننده است؟ Why is CSS so frustrating?

• نحو CSS CSS syntax

2. CSS Layouts 2. CSS Layouts

• گزینه های چیدمان و موقعیت یابی Layout and positioning options

• با مدل جعبه CSS شروع می شود It starts with the CSS box model

• تصمیم گیری از کدام ماژول طرح بندی استفاده شود Deciding which layout module to use

3. CSS مدرن می تواند این کار را انجام دهد 3. Modern CSS Can Do That

• تودرتو CSS بومی Native CSS nesting

• عناصر هدف Targeting elements

• ویژگی های منطقی و حالت های نوشتن Logical properties and writing modes

• توابع CSS CSS functions

• ویژگی های سفارشی CSS CSS custom properties

• CSS-in-JS CSS-in-JS

4. استفاده و گسترش CSS 4. Using and Extending CSS

• دستکاری CSS با JS Manipulating CSS with JS

• پرده CSS CSS linting

• قابلیت ها را با یک پیش پردازنده گسترش دهید Extend capabilities with a pre-processor

• با استفاده از HTML شروع کنید Start by leveraging HTML

• CSS خود را سازماندهی کنید Organize your CSS

• استفاده از چارچوب های CSS Using CSS frameworks

نتیجه گیری Conclusion

• مراحل بعدی Next steps