This course will give you a full introduction into all of the core concepts of Tailwind CSS — it will also provide details on every features that provides Tailwindcss.
Course from @codewithguillaume .
⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:02:36) Setup
⌨️ (0:17:01) Colors
⌨️ (0:29:11) Customization
⌨️ (0:42:11) Typography
⌨️ (1:05:21) Spaces & sizes
⌨️ (1:29:36) Flex
⌨️ (1:51:46) Grids
⌨️ (2:12:48) Layouts
⌨️ (2:37:49) Borders
⌨️ (2:45:41) Effects & filters
⌨️ (2:57:33) Animations
⌨️ (3:08:28) Design System
⌨️ (3:56:31) Core concepts
⌨️ (4:05:26) Dark mode
🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan
—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
source
Thanks to @freecodecamp to share this course !
Hope you'll enjoy and learn everything you have to know about Tailwindcss 🙂
Best,
Guillaume
good work but its hard for beginners following this. I wish you could first explain a concept before using it no matter how small it is.
thanks guys, tailwind finally complete
Hi, At first thank you for this course, actually I want to make you do mini projects with tailwind CSS If you have any mini projects, please let me know.
beginer guide in next js ahahaha.
The main problem with those libraries that offer free css is that what they offer is easy to build in css and could replicate in less than 5 minutes,but if you want the complex and the hard to do styling and animations then you have to pay money or do it yourself .the other problem they have is that they stack css classes in top of each other so instead your html element havi g one class with one or 2 selectors to work with it now has 10 classes with 20 different selectors to work with that damage performance for something that could be done in 5 minutes
There are duplicate "Core Concepts" chapters at 08:07 and 03:56:31
The tutorial is very beginner friendly, I appreciate that. But for a 4 hours long tutorial, the expectation was higher.
Plz make tutorial of tailwind CSS with reactjs
You are all the best! Thank You! 💖💖
I learned Tailwind a good time ago and it has sped up my coding by a lot. Everyone should at least know that Tailwind exist. It might not be the perfect option for everyone , but for me it definitely works.
hi ..thx very much.
Tailwind>>>Bootstrap
To new developers…. please learn regular CSS as well as you can FIRST before you use things like Tailwind. You'll be a better dev for it. (and you'll be a more "hire-able" developer as an employee since most companies still use CSS or SCSS)
You can see he is genuinely excited to teach. Lovely to watch and learn!
The waffle house has found its new host
Woaaah. Bon timing ce cours. Merci Guillaume. As-tu une chaine française également? First time I discover you through this chanel and I appreciate your work. Thank you freecodeCamp, thanks Guillaume. 🙂
Just what I need !!!!
Binge binge binge… You shall binge it all Ahahahaha..
Mrs Moraine the bitcoin trader is legit and her method works like magic I keep on earning every single week with her new strategy…
Great content thanks @codewithguillaume it was just a few days ago I got a new framework to work on so it's already using tailwind and here your course is on youtube. I have a question at 3:15:44
Let's say I'm writing a different colour for H1 in responsive mode. What are the options I have to write the responsive style?
1-Using standard media queries. 2-Use the tailwind class at the same spot and write the responsive style. 3-Or any other option such as making another code block just to keep the responsive code separate 4-Tailwind already have a different approach for it.
#codewithguillaume
Is tailwind CSS free? I see they have product plans. Can anyone answer?
Just what i needed. Thank you<3
Please Bring a full course of blender in individual section of sculpting ,modling_textcturing….., Video editing, 2D…
We are waiting for that a lot….
I was thinking that today I should start learning tailwind and I WOKE UP TO THIS!!!! IF this is not a sign, I don't know what is. Thank you FreeCodeCamp!!!
Hi, is there any course material (source codes) for this course?
Thanks for Share this course
Thank you so much for sharing.