codedamn logocodedamn
Course image for Learn Tailwind CSS 3 - A utility-first CSS framework

Learn Tailwind CSS 3 - A utility-first CSS framework

Rapidly build modern websites without ever leaving your HTML with this utility first CSS framework

1 hours+ of total content
4.6
95 ratings
2939 students enrolled
Course Creator: Team codedamn

Hang on...

Goals

  • Tailwind CSS fundamentals
  • Building components with tailwind
  • New tailwind CSS features and how to use it in your projects
  • Working with React + Tailwind CSS

Description

Tailwind CSS is a lightweight utility first framework for building stunning landing pages without writing all CSS by hand. Based around the concept of modular components and built upon normalize.css, tailwind comes with a handful of useful defaults (e.g., brand colors, typography, and spacing), making it easy to get started.

In this interactive course, you'd be practicing + building apps with Tailwind CSS v3 - the latest version of tailwind. We would cover a variety of topics including:

  • Why use Tailwind CSS at all?
  • How to get started with tailwind css
  • Tailwind CSS new features
  • Building projects with tailwind css
  • And more!

All the best!

Course Structure

17 lectures 01:15:55 total duration

Introduction

(4 lectures • 16 minutes)
  Introduction to Tailwind (Practice concept)
05:00
  Tailwind CSS is a  (Attempt quiz)
01:00
  Tailwind Hello World (Practice concept)
05:00
  Why rems and not px? (Practice concept)
05:00
  Responsive Design Classes (Practice concept)
05:00
  Colors (Practice concept)
05:00
  hover classes (Practice concept)
05:00
  Flexbox layout (Practice concept)
05:00
  Grid layout (Practice concept)
05:00
  Scroll snapping (Practice concept)
05:00
  Shadows (Practice concept)
05:00
  Typography (Practice concept)
05:00
  Dynamic properties and values (Practice concept)
05:00
  @apply directive (Read article)
01:00
  Using @apply directive (Practice concept)
05:00
  Using tailiwind.config (Watch video)
05:58
  Dark Mode Using Tailwind (Watch video)
02:57

Student feedback

4.6
Course Rating

85%

9%

0%

2%

3%

Reviews

profile pic for Vishnu Haasan
Jan 25, 2022
Very informative course. Love it!
profile pic for achuntps
Jan 25, 2022
thanks
profile pic for Lokesh Negi
Jan 24, 2022
awesome experience
profile pic for João Augusto
Jan 22, 2022
very good explanation !!!!
profile pic for Narayan Maity
Jan 22, 2022
Good explanation

Your Course Instructor

Course Instructor Image

Team codedamn

Official courses from codedamn team

Hi! We're team codedamn - and we are developers, creators, designers building the best interactive programming courses on the planet. Sign up for a free account on codedamn to stay in touch.

Upgrade to codedamn Pro Plan and unlock more courses for accelerated learning. Unlimited courses, interactive learning and more.

Free

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Full learning path unlocked
  • Unlimited hands-on practice

Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • All exclusive courses unlocked
  • Unlimited hands-on practice
Try codedamn Pro (14-day free refund)