وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

Tailwind CSS 4 Essential Training

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

Tailwind CSS 4 helps speed up your front-end web development and makes styling webpages a fun and easy experience. Dive into this beginner-friendly course with instructor Shruti Balasa to master the essentials of this utility-first framework. Get started with setting up your environment and understanding the core concepts and then learning how to style text, use colors, and create layouts using Tailwind. Along the way, Shruti also covers the basics of designing responsive layouts and customizing the framework. By the end of this course, you’ll be equipped with foundational skills to style your webpages faster than ever with stunning graphics and visual effects.


01 - Introduction
  • 01 - Meet Tailwind CSS
  • 02 - What you should know
  • 03 - Using Codespaces for this course
  • 04 - Understanding the utility-first approach

  • 02 - 1. Typography and Colors
  • 01 - Understanding preflight
  • 02 - Applying text and font styles
  • 03 - Using colors
  • 04 - Applying background colors and gradients
  • 05 - Adding borders and shadows
  • 06 - Challenge Style a testimonial card
  • 07 - Solution Style a testimonial card

  • 03 - 2. Layout Fundamentals
  • 01 - Setting width and height
  • 02 - Adding margins and padding
  • 03 - Creating flexbox layouts
  • 04 - Sizing flex items and nesting
  • 05 - Creating grid layouts
  • 06 - Sizing and reordering grid items
  • 07 - Using display, position, and z-index utilities
  • 08 - Challenge Style an event page section
  • 09 - Solution Style an event page section

  • 04 - 3. Responsive Web Design
  • 01 - Understanding the mobile-first approach
  • 02 - Using responsive modifiers
  • 03 - Building common responsive layouts
  • 04 - Challenge Info card with image
  • 05 - Solution Info card with image

  • 05 - 4. Interactivity and Variants
  • 01 - Style elements on hover and focus
  • 02 - Using pseudo-class modifiers
  • 03 - Styling pseudo-elements
  • 04 - Adding dark mode
  • 05 - Transforms, transitions, and animations
  • 06 - Challenge Make an interactive button
  • 07 - Solution Make an interactive button

  • 06 - 5. Custom Styles in Tailwind
  • 01 - Changing the theme
  • 02 - Using arbitrary values
  • 03 - Creating custom utilities
  • 04 - Extracting common styles

  • 07 - Conclusion
  • 01 - Setting up your environment
  • 02 - What next
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

    در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 45620
    حجم: 493 مگابایت
    مدت زمان: 183 دقیقه
    تاریخ انتشار: ۱۴ دی ۱۴۰۴
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید