Tailwind CSS From Scratch
Learn By Building Amazing Projects
Build great looking layouts fast and efficiently using Tailwind CSS utility classes.
Start Learning
10,000+
Students Enrolled
4.7+
Rated
English
Course Language
Last Updated
01/2023
Course Overview Video
12.5 hours on-demand video
10 downloadable resources
Full lifetime access
Access on mobile and TV
Certificate of completion
What you'll learn
Course Description
This is a fun project-based course to learn how to create awesome layouts using the Tailwind CSS framework and get comfortable using utility classes over something like Bootstrap, which uses component-based classes. Let's take a look at the outline for this course.
Check Out The Curriculum Below!
Module 1: Course Introduction
Module 2: Tailwind Fundamentals - Part 1
Module 3: Tailwind Fundamentals - Part 2
Module 4: A Better Development Environment
Module 5: Tailwind CSS Mini-Projects
Module 6: Project 1 - Clipboard Website
Module 7: Project 2 - Loopstudios Website
Module 8: Project 3 - Shortly Website
Module 9: Project 4 - Testimonial Grid Project
Module 10: Project 5 - Fylo Website With Color Picker
Module 11: Project 6 - Bookmark Manager Website
Course Projects
Let's take a look at some of the projects.
Clipboard Website
Simple software product landing page. Focusing mostly on flexbox and alignment. Some background images, etc.
Loopstudios
VR company website with cool images, responsive mobile menu with some JavaScript, gradient overlay effects.
Shortly
Website for a link-shortening tool. We will have a nice-looking responsive menu and add a little JavaScript.
Fylo
Product page with a light/dark mode feature. We will add some JavaScript to save the color mode to local storage. We will also have a dynamic tab component for the FAQ.
Bookmark
Bookmark manager extension landing page. This website will have some dynamic background images, a hamburger menu and some tabs that will use JavaScript.
Testimonial Grid
A simple project where we focus on using Tailwind's grid classes that allow us to create two-dimensional layouts, unlike the flex classes.
Course Ratings
Some of the Latest Reviews
Agus S.
Great course with real world project. I love how Brad deliver the material, make me more confident regarding Tailwind CSS. Very well-structured course and recommended for all of you who interested in Tailwind CSS framework. Thanks!
Jair A.
It is really one of the best courses I have taken on Udemy, the projects go from the most basic to the most difficult. The Professor is a killer, he has mastery of the Subject. I think it was a great decision to have bought this course. 100% recommended.
Mark D.
I'm a huge fan of Brad's work. He's the most humble and genuine teacher I've ever come across. But don't let his humility fool you. He knows his stuff. And he makes you feel like you'll be able to build stuff right after taking his course. And you know what? He's right! Thanks Brad.
