آموزش جامع Tailwind CSS
آموزش رایگان و پروژه‌محور Tailwind CSS از Utility-First، نصب Tailwind CSS 4 و Responsive Design تا Grid، Flexbox، Dark Mode، RTL، React، Next.js، Accessibility، Performance و پروژه نهایی.
27 فصل
54 درس
دسترسی رایگان
درباره این آموزش
آموزش رایگان و پروژه‌محور Tailwind CSS از Utility-First، نصب Tailwind CSS 4 و Responsive Design تا Grid، Flexbox، Dark Mode، RTL، React، Next.js، Accessibility، Performance و پروژه نهایی.
هر درس در یک صفحه مستقل قرار دارد تا مطالعه، اشتراک‌گذاری و بازگشت به ادامه مسیر ساده باشد. از فهرست سمت راست، فصل و درس موردنظر را انتخاب کنید.
شروع اولین درسفصلهای این آموزش
برای ورود به هر فصل، اولین درس آن را باز کنید.
فصل 1
2 درس
شروع کار با Tailwind CSS
فصل 2
2 درس
نصب و راه‌اندازی حرفه‌ای Tailwind CSS 4
فصل 3
2 درس
Spacing و Sizing
فصل 4
2 درس
رنگ، Background و Border
فصل 5
2 درس
Typography
فصل 6
2 درس
Flexbox
فصل 7
2 درس
CSS Grid
فصل 8
2 درس
Position، Z-Index و Overflow
فصل 9
2 درس
Responsive Design
فصل 10
2 درس
State و Variantها
فصل 11
2 درس
Dark Mode
فصل 12
2 درس
Formها و Inputها
فصل 13
2 درس
Table، List و Content
فصل 14
2 درس
Transform، Transition و Animation
فصل 15
2 درس
Shadow، Filter و Backdrop
فصل 16
2 درس
Theme و سفارشی‌سازی
فصل 17
2 درس
Component Pattern و Reuse
فصل 18
2 درس
Tailwind CSS در React
فصل 19
2 درس
Tailwind CSS در Next.js
فصل 20
2 درس
RTL و رابط فارسی
فصل 21
2 درس
Accessibility
فصل 22
2 درس
Performance و Build
فصل 23
2 درس
طراحی Landing Page پروژه‌محور
فصل 24
2 درس
طراحی Dashboard پروژه‌محور
فصل 25
2 درس
الگوهای حرفه‌ای UI
فصل 26
2 درس
Best Practice و معماری Style
فصل 27
2 درس