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
Vishnu Haasan (@Vishnuhaasan)
Jan 25, 2022
Very informative course. Love it!
profile pic for achuntps
achuntps (@amy)
Jan 25, 2022
thanks
profile pic for Lokesh Negi
Lokesh Negi (@Lokesh08)
Jan 24, 2022
awesome experience
profile pic for João Augusto
João Augusto (@JoaoArce)
Jan 22, 2022
very good explanation !!!!
profile pic for Narayan Maity
Narayan Maity (@Nans123)
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)