آموزش ضروری CSS Tailwind

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

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

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

مقدمه:
اولین روش Tailwind Utility-First
استفاده از تمرینات برای این دوره
1. شروع شدن :
نصب CSS Tailwind
کار با یک ابزار ساخت
سفارشی ساخت
اضافه کردن سبک ها
2. تایپوگرافی :
دستورالعمل های فونت
دستورالعمل های متن
لیست های لیست
فاصله تایپوگرافی
3. خواص شیء:
مرزهای
حلقه ها
تقسیم
پس زمینه
Box Shadow
4. معیارهای شیء:
عرض و ارتفاع
Padding و حاشیه
نمایش و موقعیت
شیء شناور و انعطاف پذیری
سایر ویژگی ها
5. چیدمان :
Flexbox
Grids
تعادل جعبه
6. انیمیشن:
تغییرات
انتقال
تحریک آمیز
Filter Utilities
Blending Mode Utilities
7. گزینه های دیگر:
فرم ها
جداول
SVG
Readers صفحه نمایش
تعاملی
8. فقط در حالت زمان:
کار با JIT
انواع اضافی
بهبود JIT
نتیجه گیری:
مراحل بعدی