آموزش CSS برای برنامه نویسان

مقدمه Introduction

• CSS برای توسعه دهندگان CSS for Developers

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

1. مبانی 1. The Basics

• چرا CSS اینقدر عجیب است؟ Why is CSS so weird?

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

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

• نوار کناری: ابزارهای توسعه دهنده مرورگر Sidebar: Browser developer tools

• نحو CSS CSS syntax

• آبشار The cascade

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

2. مدل جعبه 2. The Box Model

• مدل جعبه CSS چیست؟ What is the CSS box model?

• خواص منطقی Logical properties

• چیدمان و موقعیت یابی Layout and positioning

3. CSS-in-JS 3. CSS-in-JS

• CSS-in-JS: نوشتن CSS بدون نوشتن CSS؟ CSS-in-JS: Writing CSS without writing CSS?

• مثال CSS-in-JS: Styled Components و CSS Modules CSS-in-JS example: Styled Components and CSS Modules

• پذیرش یا مقاومت در برابر آبشار Accepting or resisting the cascade

4. ساخت نشانه گذاری بزرگ 4. Building Great Markup

• HTML بیشتر نیازهای شما را برآورده می کند HTML serves most of your needs

• نمودار جریان ماژول طرح The layout module flowchart

• CSS مدرن برای نجات: ویژگی های سفارشی Modern CSS to the rescue: Custom properties

• CSS به عنوان ویژگی های JS CSS as JS properties

• دسترسی و مخفی کردن محتوا با CSS Accessibility and hiding content with CSS

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

• توابع CSS CSS functions

نتیجه Conclusion

• جلوتر رفتن Going further