Тёмный

Master Tailwind CSS Crash Course 2024 | not a tutorial 

Ankita Kulkarni
Подписаться 6 тыс.
Просмотров 7 тыс.
50% 1

This course will give you a solid foundation to learn everything you need to know about Tailwind CSS.
🔥 Grab the Source Code
bit.ly/free-tailwind-course
⏰ 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
→ Frontend Newsletter: 💌 Frontend Snacks 🍿 bit.ly/fesnacks
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
→ FREE Goodies: kulkarniankita.com/goodies

Опубликовано:

 

22 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 36   
@Kulkarniankita
@Kulkarniankita 9 месяцев назад
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
@MarceloTononChiovatto 2 месяца назад
"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
@zuzukouzina-original 6 месяцев назад
Best crashcourse video ever. I really needed that for tailwind 🙏🏼
@Kulkarniankita
@Kulkarniankita 6 месяцев назад
Thank you 😊 this comment made my day! Is there any other crash course you want to learn?
@aditiullal3835
@aditiullal3835 9 месяцев назад
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.
@Kulkarniankita
@Kulkarniankita 9 месяцев назад
Thank you Aditi!
@user-tr3xl7zj7y
@user-tr3xl7zj7y 8 месяцев назад
This is a great tutorial. All the things you covered are well explained and they're easy to follow along, nice work!
@Kulkarniankita
@Kulkarniankita 8 месяцев назад
Thanks, glad you liked it! Is there anything else you would like me to create?
@prashant-malla
@prashant-malla 8 месяцев назад
One of the best crash course I've seen.
@Kulkarniankita
@Kulkarniankita 8 месяцев назад
So glad to hear that :)
@justin9494
@justin9494 7 месяцев назад
the production is amazing and everything is well explained.Subbed
@Kulkarniankita
@Kulkarniankita 7 месяцев назад
Thanks Justin, appreciate it! More courses are in the works :)
@nikochiabrishvili277
@nikochiabrishvili277 6 месяцев назад
great video! thanks! 💛
@Kulkarniankita
@Kulkarniankita 6 месяцев назад
Thank you Niko! 🙏 is there anything else you want to learn?
@ErsteSkywalker
@ErsteSkywalker 8 месяцев назад
Great video really appreciate it - You deserve a lot more subscribers!
@Kulkarniankita
@Kulkarniankita 8 месяцев назад
Thank you so much, that’s very kind! Appreciate this feedback :)
@SheeceGardazi
@SheeceGardazi 8 месяцев назад
thanks!
@Kulkarniankita
@Kulkarniankita 8 месяцев назад
Welcome! 🙌
@saugatsigdel7381
@saugatsigdel7381 6 месяцев назад
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..
@Kulkarniankita
@Kulkarniankita 6 месяцев назад
Glad to hear that! I will try to keep the format the same for future courses too :)
@saugatsigdel7381
@saugatsigdel7381 6 месяцев назад
@@KulkarniankitaSure, thank you Ankita. You've got Support from Saskatoon now..
@ralstonalmeida8034
@ralstonalmeida8034 9 месяцев назад
This is a great course, I learned a lot about responsive design! Can you make more courses on react native? Good work!
@Kulkarniankita
@Kulkarniankita 9 месяцев назад
Thanks Ralston, I'll definitely consider it!
@jaffaisaac6186
@jaffaisaac6186 7 месяцев назад
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
@Kulkarniankita
@Kulkarniankita 7 месяцев назад
This course is Tailwind and we don’t really dive too much into Next.js 🤔 is me using Next.js here confusing to you?
@dilipbaghel9535
@dilipbaghel9535 8 месяцев назад
Amazing course mam, please make next course on NEXT. Js
@Kulkarniankita
@Kulkarniankita 8 месяцев назад
Thanks Dilip, it’s great you liked it and I do have a course on Next.js but it’s currently being edited for the latest version!
@shubhamdharpure8586
@shubhamdharpure8586 7 месяцев назад
Which theme you are using
@Kulkarniankita
@Kulkarniankita 7 месяцев назад
I'm using Dracula theme!
@digital.frenchy
@digital.frenchy 6 месяцев назад
Looks like a tutorial to me. what's a vebsite though?
@Kulkarniankita
@Kulkarniankita 6 месяцев назад
It's a course, not a tutorial. A course is more comprehensive tutorials with different chapters
@codedwebs
@codedwebs 8 месяцев назад
First female developer I have ever subscribed, 👍
@Kulkarniankita
@Kulkarniankita 8 месяцев назад
Thanks Asif! 🙌
@tejas8211
@tejas8211 2 месяца назад
Didi, what's the difference between tailwind css and bootstrap ?
Далее
Tailwind.css in 13 minutes - A Crash Course
13:34
Просмотров 14 тыс.
Tom🍓Jerry 😂 #shorts #achayanarmyfamily
00:14
Просмотров 12 млн
CSS Tips And Tricks I Wish I Knew Before
12:12
Просмотров 448 тыс.
The Four Levels of Caching in Next.js
25:48
Просмотров 3,2 тыс.
5 Biggest Mistakes Slowing Down Next.js Apps
15:28
Просмотров 2,1 тыс.
Use these instead of vh
6:06
Просмотров 487 тыс.
TAILWIND EST MORT ? drama...
18:48
Просмотров 8 тыс.
How to Properly Layout A Website (For Beginners)
14:50
Просмотров 540 тыс.
10 Tailwind Tricks You NEED To Know!
10:45
Просмотров 278 тыс.