Master Tailwind CSS Crash Course 2024 | not a tutorial

This course will give you a solid foundation to learn everything you need to know about Tailwind CSS.

🔥 Grab the Source Code

⏰ Timeline
00:00 - 00:38 Intro
00:39 - 2:28 What is Tailwind and why should we use it?
2:29 - 5:00 Start Learning Tailwind
7:12 - 8:12 Tailwind Intellisense
8:13 - 14:11 Project Walkthrough
14:12 - 14:43 What are we building?
14:44 - 19:09 Design System & How to extend it?
19:10 - 25:17 Spacing
25:18 - 28:42 Gradients
28:43 - 30:57 Data
30:58 - 34:09 Display
34:10 - 39:36 Responsive Styling
39:37 - 45:43 Border Styles
45:44 - 48:16 Shadow Effects
48:17 - 49:54 Add Custom One-Off
49:55 - 51:27 Filters
51:28 - 54:13 Typography
54:14 - 59:09 Transform
59:10 - 1:00:44 Handling States
1:00:45 - 1:05:29 Animations
1:05:30 Dark Mode

#tailwindcss #developer #coding #css

🔗 RESOURCES
Wanna learn visually about a snippet of JavaScript code each week, the latest frontend gossip, news, and behind-the-scenes exclusive updates that I don't share anywhere else? then Subscribe to my newsletter

[Kulkarniankita]

I plan to release more free courses for you, what is it that you would like to learn next? 🔥 If you like this video, then like & subscribe so I can keep creating more content like this!

[MarceloTononChiovatto]

"Great content and an excellent teaching approach! Thank you so much. I truly enjoyed your class!"

"I'd like to encourage you to create more classes like this, focusing on reconstructing interfaces of well-known websites, as practical insights are invaluable for learners. I would suggest that the initial parts of the classes focus on presenting the wireframe, so we can grasp the 'big picture' in HTML, then delve into CSS/Tailwind details, as you did with Doggos."

[zuzukouzina-original]

Best crashcourse video ever. I really needed that for tailwind 🙏🏼

[prashant-malla]

One of the best crash course I've seen.

[justin]

the production is amazing and everything is well explained.Subbed

[saugatsigdel]

Exactly found that I was searching for.. Got all the required concepts to implement in my project. This type of tutorial is worth much more than the 1/2 days long tutorials..
Thank you Ankita!!
Subscribed to your channel..

[trxlzjy]

This is a great tutorial. All the things you covered are well explained and they're easy to follow along, nice work!

[aditiullal]

I always had trouble working on the responsive design aspect in Tailwind, but you explained the process so well and made it so much simpler. Great course and excellent content. I would definitely like to see more of these videos.

[ErsteSkywalker]

Great video really appreciate it - You deserve a lot more subscribers!

[ralstonalmeida]

This is a great course, I learned a lot about responsive design! Can you make more courses on react native? Good work!

[dilipbaghel]

Amazing course mam, please make next course on NEXT. Js

[codedwebs]

First female developer I have ever subscribed, 👍

[digital.frenchy]

Looks like a tutorial to me. what's a vebsite though?

[jaffaisaac]

Hey, I just started learning react and I wanted to learn taiwind .but I don't know next.js just .how can I manage or catch up

[tejas]

Didi, what's the difference between tailwind css and bootstrap ?