Best Selling Course

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

  • Learn to create and edit layouts super fast
  • Build 5 mini-projects and 6 website projects
  • Configure your styles to create custom layouts
  • Learn the Tailwind utility classes using a code sandbox
  • Learn how to set up a dev environment using the Tailwind CLI

Limited Time Offer

$25.00

Hurry Up! Now

Start Learning

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!

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.

VIEW DEMO

Loopstudios

VR company website with cool images, responsive mobile menu with some JavaScript, gradient overlay effects.

VIEW DEMO

Shortly

Website for a link-shortening tool. We will have a nice-looking responsive menu and add a little JavaScript.

VIEW DEMO

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.

VIEW DEMO

Bookmark

Bookmark manager extension landing page. This website will have some dynamic background images, a hamburger menu and some tabs that will use JavaScript.

VIEW DEMO

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.

VIEW DEMO

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.

Join Our Premium Courses

Buy standalone courses or get access to all our courses as long as you have an active membership.

Single-Course

$25/Course

Buy once, own it forever

  • Purchase a Specific Course
  • Lifetime Course Access
  • Full HD Video & HQ Audio
  • Extra course attachments & exercises
  • Certificate of Completion
  • Access To Discord Community
  • Risk-free: 15 Days Refund Period
BUY NOW

Monthly Membership

$25/Month

Become a Pro Member

  • Access To All Courses
  • 250+ Hours of Content
  • Full HD Video & HQ Audio
  • Extra course attachments & exercises
  • Certificate of Completion
  • Access To Discord Community
  • Priority Support
  • Risk-free: 15 Days Refund Period
BUY NOW

Yearly Membership

$200/Year

Become a VIP Member

  • Save 34% Compared to Monthly
  • 250+ Hours of Content
  • Exclusive Content
  • Full HD Video & HQ Audio
  • Extra course attachments & exercises
  • Certificate of Completion
  • Access To Discord Community
  • Priority Support
  • Risk-free: 15 Days Refund Period
BUY NOW