Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Learn Tailwind CSS – Course for Beginners

via freeCodeCamp

Overview

Gain a comprehensive understanding of Tailwind CSS in this beginner-friendly course. Explore core concepts and features, starting with setup and progressing through colors, customization, typography, spacing, and layout techniques. Master flexbox and grid systems, learn to apply borders, effects, and filters, and implement animations. Dive into creating a design system, grasp fundamental concepts, and implement dark mode functionality. With hands-on examples and detailed explanations, develop the skills to efficiently style web applications using Tailwind CSS's utility-first approach.

Syllabus

⌨️ Introduction
⌨️ Setup
⌨️ Colors
⌨️ Customization
⌨️ Typography
⌨️ Spaces & sizes
⌨️ Flex
⌨️ Grids
⌨️ Layouts
⌨️ Borders
⌨️ Effects & filters
⌨️ Animations
⌨️ Design System
⌨️ Core concepts
⌨️ Dark mode

Taught by

freeCodeCamp.org

Reviews

Start your review of Learn Tailwind CSS – Course for Beginners

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.