Tailwind CSS Mastery

Tailwind CSS Mastery

Learn Tailwind CSS from scratch! Make good looking designs quickly.

4.6
(16 ratings)
138 enrolled
Excellent Rating
Course Instructor: Sarfaraz Kasmani

Course Outcomes

  • Tailwind CSS, Make good looking designs, Using Tailwind in VS Code
  • How to use Tailwind CSS classes, Deploying it to Netlify

Course Structure

56 lectures7h 55m total duration

  Lecture 1 - Introduction 
0min

About This Course

Tailwind CSS is a utility–first framework for rapidly building custom designs. This tutorial will teach your Tailwind from scratch.

During this course we will be exploring the features of Tailwind CSS. As a quick recap, Tailwind is a utility–first framework designed to speed up the design process by completely removing the need for custom CSS.

In the past, every HTML element would get a single class and that class would contain a lot of custom CSS in a separate CSS file. Though this is still the general practice, this practice leads to huge CSS files, reduces the ease of maintaining CSS and yields overall poorer developer experience.

Another advantage of a utility framework is its superior performance with caching due to not busting the cache for small CSS changes.
Tailwind has been designed with incredible sensible defaults to make your designs look and feel polished and designed through the careful use of color palettes, color shades, sizing consistency and modern web best–practices. It’s also worth noting, that Tailwind is mobile–first and has an easy naming convention with responsive designs built–in.

Need some customizations?
Tailwind’s robust customization system will allow you to customize/tweak/modify everything in the framework through the use of the tailwind.config.js file.

You Will Learn:
All the types of utility classes
How to use the utility classes properly in our project
How to customize the existing utilities of Tailwind
How to add new utility classes to our project
Tailwind Layouts
Responsive web design
And Much More...

Used by learners at

Microsoft
Amazon
Google

This course is interactive

Interactive courses include hands-on coding exercises to practice as you learn. You practice exercises in a VS Code like IDE without any installation/setup.

Screenshot of codedamn IDE

Student Feedback

4.6
Course Rating

75%

13%

13%

0%

0%

Reviews

Profile picture for Nyemike Onukwu
Nyemike Onukwu
May 13, 2024
so far so good. I am learning well
Profile picture for Ali Raza
Ali Raza
Oct 10, 2023
Awesome Course...
Profile picture for Rohith
Rohith
Sep 13, 2023
best course..

Course Instructor

Sarfaraz Kasmani
Software Engineer and Digital Marketer
Sarfaraz Kasmani
4.5 Instructor rating
28 Ratings
298 Students
7 Courses

I am Sarfaraz Kasmani a Front End Developer and Digital Marketer from Mumbai, India. I am having more than 9 years of experience in the field of Front End Development and Digital Marketing. I'm excit...View profile

Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.

Free

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes

Pro

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes
Upgrade To Pro