آموزش Tailwind CSS 3 Essential Training

معرفی Introduction

• چرا فریمورک‌های کاربردی اول اهمیت دارند؟ Why utility-first frameworks matter

• استفاده از تمرینات این دوره Using the exercises for this course

2. شروع به کار 2. Getting Started

• کار با Tailwind CSS Working with Tailwind CSS

• ایجاد یک ساخت سفارشی Creating a custom build

• Tailwind Play Tailwind Play

• نمونه هایی با CodePen Examples with CodePen

• زمین بازی CodeSwing CodeSwing playground

3. ویژگی های Utility-First 3. Utility-First Features

• قبل از پرواز Preflight

• ساختار کلاس سودمند Utility class structure

• دام های باد دم Tailwind pitfalls

• کلاسهای رنگی Color classes

• کلاس های میانبر Shortcut classes

• کلاس های ویژه Special classes

• طراحی تعاملی Responsive design

• خواص سفارشی Custom properties

• چالش: یک طرح ایجاد کنید Challenge: Create a layout

• راه حل: یک طرح ایجاد کنید Solution: Create a layout

4. تکنیک های قدرت 4. Power Techniques

• تعدیل کننده های حالت State modifiers

• اصلاح کننده های موقعیت Position modifiers

• عناصر کودک و خواهر و برادر Child and sibling elements

• اصلاح کننده های فرم Form modifiers

• اصلاح کننده های صفت Attribute modifiers

• شبه عناصر Pseudo-elements

• اصلاح کننده های رسانه Media modifiers

• حالت تاریک Dark mode

• چالش: حالت تاریک و گروه بندی Challenge: Dark mode and grouping

• راه حل: حالت تاریک و گروه بندی Solution: Dark mode and grouping

5. سفارشی کردن Tailwind 5. Customizing Tailwind

• کاوش در پیکربندی Exploring the config

• پیکربندی تم ها Configuring themes

• ترازوهای موجود Existing scales

6. پلاگین ها 6. Plugins

• پلاگین ها Plugins

• تایپوگرافی Typography

• گیره خط Line clamp

نتیجه Conclusion

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