مسیر یادگیری Tailwind CSS
فریمورک CSS با رویکرد Utility-First؛ بهجای کامپوننت آماده، کلاسهای تکمنظوره برای ساخت هر ظاهر دلخواه میدهد.
5 مرحله
- 1.
Tailwind CSS چیست؟
فریمورک CSS بهسبک Utility-First که بهجای کامپوننت آماده، کلاسهای تکمنظوره کوچک برای ساخت هر ظاهر دلخواه میدهد.
~6 ساعت - 2.
رویکرد Utility-First در استایلدهی
نحوه استایلدهی مستقیم عناصر با کلاسهای آماده مانند flex، p-4 و text-lg بدون نوشتن فایل CSS جداگانه را توضیح میدهد.
~4 ساعت - 3.
طراحی واکنشگرا با Breakpoint ها
استفاده از پیشوندهایی مانند sm:، md: و lg: برای اعمال استایل متفاوت در اندازههای مختلف صفحهنمایش را آموزش میدهد.
~4 ساعت - 4.
سفارشیسازی تم در tailwind.config
تعریف رنگها، فونتها و فاصلههای اختصاصی پروژه در tailwind.config برای ساخت یک سیستم طراحی یکپارچه را شرح میدهد.
~4 ساعت - 5.
ساخت کامپوننتهای قابل استفاده مجدد
استفاده از @apply و ترکیب کلاسها با ابزارهایی مانند clsx برای ساخت کامپوننتهای استایلدار و قابل استفاده مجدد را آموزش میدهد.
~5 ساعت