یادگیری کامل Tailwind CSS 3

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

عنوان اصلی : Tailwind CSS 3 Essential Training

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

مقدمه:
چرا چارچوبهای اول ابزار اهمیت دارند
استفاده از تمرینات این دوره
2. شروع شدن :
کار با Tailwind CSS
ایجاد یک ساخت و ساز سفارشی
بازی Tailwind
نمونه هایی با Codepen
زمین بازی Codeswing
3. ویژگی های کاربردی اول:
preflight
ساختار کلاس ابزار
خطاهای پیچش
کلاسهای رنگی
کلاسهای میانبر
کلاسهای ویژه
طراحی پاسخگو
خصوصیات سفارشی
چالش: ایجاد یک طرح
راه حل: یک طرح ایجاد کنید
4. تکنیک های قدرت:
اصلاح کننده های حالت
اصلاح کننده های موقعیت
عناصر کودک و خواهر و برادر
اصلاح کننده ها
اصلاح کننده های ویژگی
عناصر شبه
اصلاح کننده های رسانه ای
حالت تاریک
چالش: حالت تاریک و گروه بندی
راه حل: حالت تاریک و گروه بندی
5. سفارشی کردن tailwind:
کاوش در پیکربندی
پیکربندی مضامین
مقیاس های موجود
6. افزونه ها:
افزونه ها
تایپوگرافی
گیره خط
نتیجه گیری:
مراحل بعدی