آموزش TailwindCSS 3 Fundamentals

سرفصل ها و درس ها

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

معرفی TailwindCSS Introducing TailwindCSS

• مقدمه Introduction

• بررسی نسخه Version Check

• مشکل با CSS The Problem with CSS

• TailwindCSS چیست؟ What Is TailwindCSS?

• نسخه ی نمایشی: استفاده از ویرایشگرها و IDE ها Demo: Using Editors and IDEs

• شروع کار با TailwindCSS Getting Started with TailwindCSS

• آنچه ما آموخته ایم What We've Learned

با استفاده از TailwindCSS Using TailwindCSS

• مقدمه Introduction

• ساخت CSS شما Building Your CSS

• ساخت با TailwindCSS Building with TailwindCSS

• استفاده از لایه ها Using Layers

• اضافه کردن کلاس های قابل استفاده مجدد Adding Reusable Classes

• آنچه ما آموخته ایم What We've Learned

گشت و گذار در سبک های TailwindCSS Tour of TailwindCSS Styles

• مقدمه Introduction

• چیدمان Layout

• واحدها Units

• رنگ ها Colors

• سایر کلاس های کاربردی Other Utility Classes

• فونت ها Fonts

• ایالات و انواع States and Variants

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

• پلاگین ها Plugins

• آنچه ما آموخته ایم What We've Learned

TailwindCSS برای فرم ها TailwindCSS for Forms

• مقدمه Introduction

• فرم The Form

• ورودی های یک ظاهر طراحی شده Styling Inputs

• دکمه های یک ظاهر طراحی شده Styling Buttons

• یک ظاهر طراحی شده عناصر را انتخاب کنید Styling Select Elements

• ایالات اعتبارسنجی Validation States

• آنچه ما آموخته ایم What We've Learned

یکپارچه سازی TailwindCSS Integrating TailwindCSS

• مقدمه Introduction

• افزودن به PostCSS Adding to PostCSS

• اضافه شدن به Angular Adding to Angular

• در حال افزودن به React Adding to React

• در حال افزودن به Vue Adding to Vue

• اضافه شدن به SvelteKit Adding to SvelteKit

• آنچه ما آموخته ایم What We've Learned

سفارشی کردن TailwindCSS Customizing TailwindCSS

• مقدمه Introduction

• گسترش تم Extending the Theme

• سفارشی کردن نقاط شکست پاسخگو Customizing Responsive Breakpoints

• سفارشی سازی واحدها Customizing Units

• با استفاده از توابع TailwindCSS Using TailwindCSS Functions

• ایجاد تم خود Creating Your Own Theme

• به اشتراک گذاری یک تم پایه Sharing a Base Theme

• ویژگی های پیکربندی مفید Useful Configuration Properties

• آنچه ما آموخته ایم What We've Learned