Tailwind CSS Introduction, Basics & Guided Tutorial

In this Tailwind CSS Introduction, Basics & Guided Tutorial, you will learn what Tailwind CSS is, what you need to use Tailwind CSS, how to setup Tailwind CSS and create an example Tailwind CSS project.

🚀 Become a full-stack web dev with Zero To Mastery Courses:

👇 Follow Me On Social Media:

Tailwind CSS Introduction, Basics & Guided Tutorial

(00:00) Intro
(00:05) Welcome
(00:14) What is Tailwind CSS?
(01:27) Course Prerequisites
(01:49) Web Dev Tools & Settings
(04:50) Tailwind CSS Config file
(11:13) Compiling with --watch
(12:46) Starting Live Server
(13:31) Tailwind CSS Intellisense
(14:50) Using Tailwind docs to find class names
(16:51) Creating a bullseye with Tailwind
(19:47) Handling class clutter in your HTML

📚 Suggested Pre-requisites for this Tailwind CSS course:

📚 Tutorial References:

⚙ Web Dev Tools:

Was this tutorial on Tailwind CSS helpful? If so, please share. Let me know your thoughts in the comments.

#tailwind #css #introduction

[cygtung]

From htm css and Js and now tailwind I have been your fan. Thank you so much Dave you are the the real definition of a Teacher ❤

[jamesablanco]

This was the only Tailwind CSS tutorial to actually get me what I need and then I realize I did not write the output css file right took awhile but figured it out. Thank you!

[harenderthakran]

Dave, you are such a gem. I have seen so many videos of tailwind installation, nothing comes close to your style of explanation period.

[beec]

Hi Dave, thank you for this great video, so many details and tricks, a clear way explaining how to set up and more, I have learnt so much already and answered many questions!
I will keep watching and experimenting... Thank you B

[mailsiraj]

hi Dave, this is the first time I am here and I really loved this intro to Tailwind video - I loved the pace and nice bulls eye example which was some concrete enough for me to practice on my own. I loved your energy and the way you introduces productivity tips like emmet shortcuts, VSCode extensions, etc. Thank you so much Dave.

[gl]

Another great video, I started learning CSS from you three weeks ago, now I am very comfortable with the fundamentals, thanks for this great content Dave ❤

[kakhabervk]

As other Dave's tutorials this tutorials is different from other youtube tutorials and has very useful approaches and tricks. Thanks!

[korkmazsalim]

Inline Fold extension and all other tips. You nailed it !! Great channel ! thank you @Dave

[JeatBunkie]

Best free web dev stuff on youtube right now honestly. Just a btw for people installing node, I would recommend you use nvm to install. Had a few headaches when installing node directly, it messed up some dependencies in React. Probably because I was using create react app though

[MsLoveDance]

This is amazing! video tutorials explain it so well instead of reading how!

[jessedv]

Amazing video i can finally get started on tailwind css

[taponato]

Thanks so much ! love the energy when you are teaching, no time wasted

[anouargarbaa-whiu]

Thank you Dave for this amazing tutorial 😁

[MsLoveDance]

Im so happy actually! Besides explaining tailwind and how to install, you also gave some very handy tricks on how to work with VSC itself <3

[pgallovich]

I really loved this intro Dave! This really helped me get started with Tailwind CSS.

[aimis]

This is the best 20 minutes I've spent on YouTube in a long time. Thanks for making this great intro!

[andrewcox]

Thank you for finally explaining Tailwinds in a way that i can actually understand and appreciate the power of it.

[abrahamngetich]

Great. Glad to be seeing the new series from you. Thanks, looking to more videos on Tailwind. Consider discussing Tailwind components libraries like Taiwindcomponents Flowbyte

[jeremiahchinwe]

@DaveGrayTeachesCode you have truly helped me learn CSS to a commendable level and now you're teaching me tailwinds. Thank you so much Boss. Get to meet you someday.

[vivekanand]

I was thinking of learning tailwind and you started teaching that also... Thank you for making videos..You explain everything very crystal clear..😇