Tailwind CSS 3 Essential Training

Go to class
Write Review

Free Online Course: Tailwind CSS 3 Essential Training provided by LinkedIn Learning is a comprehensive online course, which lasts for 2-3 hours worth of material. The course is taught in English and is free of charge. Upon completion of the course, you can receive an e-certificate from LinkedIn Learning. Tailwind CSS 3 Essential Training is taught by Ray Villalobos.

Overview
  • Learn to simplify the design side of your web app creation by applying this programmer-friendly style framework.

Syllabus
  • Introduction

    • Why utility-first frameworks matter
    • Using the exercises for this course
    2. Getting Started
    • Working with Tailwind CSS
    • Creating a custom build
    • Tailwind Play
    • Examples with CodePen
    • CodeSwing playground
    3. Utility-First Features
    • Preflight
    • Utility class structure
    • Tailwind pitfalls
    • Color classes
    • Shortcut classes
    • Special classes
    • Responsive design
    • Custom properties
    • Challenge: Create a layout
    • Solution: Create a layout
    4. Power Techniques
    • State modifiers
    • Position modifiers
    • Child and sibling elements
    • Form modifiers
    • Attribute modifiers
    • Pseudo-elements
    • Media modifiers
    • Dark mode
    • Challenge: Dark mode and grouping
    • Solution: Dark mode and grouping
    5. Customizing Tailwind
    • Exploring the config
    • Configuring themes
    • Existing scales
    6. Plugins
    • Plugins
    • Typography
    • Line clamp
    Conclusion
    • Next steps