دوره آموزشی یادگیری جامع Tailwind CSS 3

جزئیات دوره

در حالی که روش‌های کار ما در وب در طول زمان تکامل می‌یابد، هرازگاهی، یک تغییر واقعی بازی ظاهر می‌شود. رویکرد کاربردی اول Tailwind 3 بسیاری از رویکردهای سنتی برای ساخت پروژه‌ها در وب را حذف می‌کند و به شما این امکان را می‌دهد که یک وب‌سایت کامل و منحصر به فرد بدون نوشتن یک خط CSS ایجاد کنید. در این دوره آموزشی، Ray Villalobos، مربی ارشد کارکنان LinkedIn نشان می‌دهد که چگونه Tailwind CSS 3 چارچوبی سبک اما پیچیده را برای استایل‌سازی محتوا در سایت‌ها و برنامه‌های شما از طریق برچسب‌گذاری با نام‌های کلاس مناسب ارائه می‌دهد.

اولین ویژگی های کاربردی را با تکنیک هایی که توسط یک کاربر قدرتمند Tailwind بررسی شده است، کشف کنید. نحوه تغییر، سفارشی سازی و مدیریت محتوا را در حین ایجاد طرح بندی صفحات خود، اضافه کردن Tailwind و مشخص کردن استفاده از آن در عناصر HTML هر صفحه بیابید. در طول مسیر، نکاتی را از Ray در مورد استفاده از افزونه‌های Tailwind برای کنترل متن، کلاس‌ها، طرح‌ها، گیره خط و تایپوگرافی خود با توجه به مشخصات دریافت کنید.

سرفصل ها

0. مقدمه

01 - چرا فریمورک‌های Utility-First اهمیت دارند
02 - استفاده از تمرینات این دوره
03 - استفاده از GitHub Codespaces با این دوره

2. شروع به کار

04 - کار با Tailwind CSS
05 - ایجاد یک ساخت سفارشی
06 - Tailwind Play
07 - نمونه‌هایی با CodePen
08 - زمین بازی CodeSwing

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

09 - پیش از پرواز
10 - ساختار کلاس سودمند
11 - دامهای باد دم
12 - کلاس‌های رنگ
13 - کلاس‌های میانبر
14 - کلاس‌های ویژه
15 - طراحی واکنش گرا
16 - خواص سفارشی
17 - چالش - ایجاد یک طرح
18 - راه حل - ایجاد یک طرح

4. تکنیک‌های قدرت

19 - تعدیل کننده‌های حالت
20 - اصلاح کننده‌های موقعیت
21 - اصلاح کننده‌های فرم
22 - عناصر فرزند و خواهر و برادر
23 - اصلاح کننده‌های صفت
24 - شبه عناصر
25 - اصلاح کننده‌های رسانه
26 - حالت تاریک
27 - چالش - حالت تاریک و گروه بندی
28 - راه حل - حالت تاریک و گروه بندی

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

29 - کاوش تنظیمات
30 - پیکربندی تم ها
31 - ترازوهای موجود

6. پلاگین ها

32 - پلاگین ها
33 - تایپوگرافی
34 - گیره خط

نتیجه

35 - مراحل بعدی