Learn Tailwind CSS – Course for Beginners
Offered By: freeCodeCamp
Course Description
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
Related Courses
Interactive 3D GraphicsAutodesk via Udacity Creative Coding
Monash University via FutureLearn Make Your Own 2048
Udacity An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX