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

مدرس Shruti Balasa

انتشار 2025/01/29

مدت زمان 3h 2m

سطح مناسب همه

فایل تمرینی ندارد

آموزش Tailwind CSS 4 Essential Training

Tailwind CSS 4 به سرعت بخشیدن به توسعه وب جلوی شما کمک می کند و صفحات وب یک ظاهر طراحی شده را به یک تجربه سرگرم کننده و آسان تبدیل می کند. در این دوره دوستانه مبتدی با مربی Shruti Balasa برای تسلط بر ملزومات این چارچوب اول ابزار غواصی کنید. با تنظیم محیط خود و درک مفاهیم اصلی و سپس یادگیری نحوه سبک کردن متن ، استفاده از رنگ ها و ایجاد طرح بندی با استفاده از tailwind شروع کنید. در طول راه ، Shruti همچنین اصول اولیه طراحی طرح های پاسخگو و شخصی سازی چارچوب را پوشش می دهد. در پایان این دوره ، شما به مهارت های بنیادی مجهز خواهید شد تا صفحات وب خود را سریعتر از همیشه با گرافیک های خیره کننده و جلوه های بصری سبک کنید.

Cascading Style Sheets (CSS) Tailwind CSS

Introduction

Meet Tailwind CSS ()

What you should know ()

Using Codespaces for this course ()

Understanding the utility-first approach ()

1. Typography and Colors

Understanding preflight ()

Applying text and font styles ()

Using colors ()

Applying background colors and gradients ()

Adding borders and shadows ()

Challenge: Style a testimonial card ()

Solution: Style a testimonial card ()

2. Layout Fundamentals

Setting width and height ()

Adding margins and padding ()

Creating flexbox layouts ()

Sizing flex items and nesting ()

Creating grid layouts ()

Sizing and reordering grid items ()

Using display, position, and z-index utilities ()

Challenge: Style an event page section ()

Solution: Style an event page section ()

3. Responsive Web Design

Understanding the mobile-first approach ()

Using responsive modifiers ()

Building common responsive layouts ()

Challenge: Info card with image ()

Solution: Info card with image ()

4. Interactivity and Variants

Style elements on hover and focus ()

Using pseudo-class modifiers ()

Styling pseudo-elements ()

Adding dark mode ()

Transforms, transitions, and animations ()

Challenge: Make an interactive button ()

Solution: Make an interactive button ()

5. Custom Styles in Tailwind

Changing the theme ()

Using arbitrary values ()

Creating custom utilities ()

Extracting common styles ()

Conclusion

Setting up your environment ()

What next? ()

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.