HomeCoursesModern CSS with Tailwind

Updated 27 Aug

AI-powered learning

Save

Modern CSS with Tailwind

Name: Modern CSS with Tailwind
Price: 59 USD
Author: The Pragmatic Programmers

Gain insights into industry best practices for designing web pages with Tailwind CSS. Explore typography, box models, and master layouts using flexbox and grids effectively.

4.6

58 lessons

1 project

26h

Created by The Pragmatic Programmers

What's included

58 lessons across 11 modules
7 quizzes with instant feedback
1 project in preconfigured environments
AI Tutor on every lesson

Join 3.1 million developers at

What You'll Learn

Build contemporary websites quickly and easily without ever leaving your HTML.
How to design web pages using Tailwind CSS.
Play with Tailwind and learn how to answer interview level questions.
Build your own go-to Tailwind project and learn it's basics.

Learning Roadmap

58 Lessons7 Quizzes

Introduction

Get familiar with Tailwind CSS, its utility-first framework, and practical website design.

Why Tailwind

About This Course

Getting Started with Tailwind

Look at creating and enhancing webpage styles using Tailwind CSS utility classes.

Quick Start

Add Tailwind Features

Quiz Yourself on Tailwind

Tailwind Basics

8 Lessons

Examine Tailwind's utility-first CSS framework, classes, Preflight reset, handling duplication, @apply, and prefixes.

Typography

5 Lessons

Apply your skills to enhancing text size, color, alignment, and forms in Tailwind CSS.

The Box

9 Lessons

Take a closer look at Tailwind's control over the box model, spacing, borders, and backgrounds.

Page Layout

9 Lessons

Investigate comprehensive tools in Tailwind CSS for layout management, grids, flexbox, and alignment.

Animation

4 Lessons

Piece together the parts of Tailwind CSS animations, transitions, transformations, and dynamic element designs.

Responsive Design

4 Lessons

Get familiar with creating responsive designs using Tailwind's breakpoints, hiding elements, and flexbox layout.

Customizing Tailwind

10 Lessons

Get started with customizing Tailwind's configuration, including screens, colors, spacing, and optimizing CSS.

Build an Interactive E-Library Using Next.js and Tailwind

Project

Premium

10.

Conclusion

2 Lessons

Work your way through Tailwind CSS integration and apply skills across diverse environments.

11.

Appendix

2 Lessons

Apply your skills to installing Tailwind and enhancing text legibility with the typography plug-in.

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

About this course

WHY I WROTE THIS COURSE

This course examines and explains industry best practices to design web pages using Tailwind CSS. We’ll start with the typography of individual elements, and then we’ll get to “the box”—the rectangle of space each element takes up on a web page and how to manipulate it. Once we have our elements in boxes, we’ll take a look at the page layout using flexbox and grids.

ABOUT THE AUTHOR

The Pragmatic Programmers

We create timely, practical books and learning resources on classic and cutting-edge topics to help you practice your craft and accelerate your career.

Learn more about The

Trusted by 3.1 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath