From last five days i faced some issue....some of the classes is not working...i thought thr is a issue in setup and did setup 3 times nd every time same problem....but now after watching your video i got the solution....thankyou Bhaiya you explain each every thing so well. Kudos to you hardwork
Dear Hitesh sir iss session ko maine enjoy kiya and mujhe tailwind css me bahut kuchh sikha bhi.... Sir apka teaching ka tarika bahut hi majedar h.....thanku sir.... ❤❤❤❤❤❤❤❤
This is a masterpiece I've studied css with bootstrap and got my proficiency in mern stack. I was only lacking this technology which i acquired today 😊
Now j doing Internship At Peerhub, Company says You have must knowledge about Tailwind CSS, Now i Completed Tailwind and my next Target Next js, Thank you ❤ For Provide Awasome Video ❤
00:02 Introduction to Tailwind CSS and its popularity 01:54 Tailwind CSS is a utility framework built on top of React. 05:48 Tailwind CSS supports responsive design and provides a mobile-first approach. 07:34 Enable dark mode and customize your Tailwind CSS setup in Hindi 11:31 Learn how to properly install Tailwind CSS 13:20 Install Node and initialize Telwin CSS 17:14 Installing an Oil One Extension 18:59 Configure input and output files for Tailwind CSS 22:50 Installation and setup of Tailwind CSS 24:21 Understanding the basics of Telvin CSS and its documentation 27:37 Understanding the concept of view port in Tailwind CSS 29:42 Targeting the container of the image to improve its appearance. 33:12 Use margin-right and margin-left to calculate space. Define height and width for images. Adjust font size for text. 34:54 Introduction to Tailwind CSS and its key concepts 38:14 Learn to customize buttons using Tailwind CSS. 39:55 Tailwind CSS provides easy button customization and state management. 43:28 Creating responsive designs using Tailwind CSS 45:19 Implement different text color for different screen sizes in Tailwind CSS. 48:42 Designing cards using Tailwind CSS 50:37 Learn about centering cards and adjusting sizes in Tailwind CSS. 54:14 Designing responsive image and card layout using Tailwind CSS 56:06 Designing content with Tailwind CSS 1:00:25 Design a card using Tailwind CSS 1:02:28 Learn how to create a responsive web page using Tailwind CSS 1:05:29 Learn how to design the top bar with Tailwind CSS 1:10:52 Understanding the concept of 'pending' in Tailwind CSS 1:12:25 Tailwind CSS provides easy ways to customize designs and layouts 1:15:52 Learn about customizing background and font styles in Tailwind CSS 1:17:48 Use HTML5 semantics to create a cleaner header with images 1:21:18 Flexing won't help in reducing image size 1:23:12 Introduction to Flex Property and its Features 1:26:39 Understanding the concept of mobile-first design in Tailwind CSS 1:28:37 Setting device margin top and bottom for mobile devices 1:32:22 Designing with Tailwind CSS is easy and efficient. 1:35:15 Designing the product area using Tailwind CSS 1:38:47 Designing a card with Tailwind CSS 1:40:57 Removing borders and adding icons and text to a web page using Tailwind CSS 1:46:11 Flex is essential for responsive design. 1:48:13 Learn how to use Tailwind CSS for basic styling 1:53:20 Enhance your web page design with Tailwind CSS Crafted by Merlin AI.
Mind blowing. Nowhere could I learn about TailwindCSS to this extent in a short 2 hour video. Amazingly designed flow of the course. Thanks Hitesh. You rock in Hindi by the way :)
Hitesh Sir's videos are incredibly effective and very helpful, especially for beginners. He delivers the content concisely without stretching the video unnecessarily, making the learning process smooth and efficient.
Sir Hitesh ko kahen sy bhi dhondh lengy aur jo kuch prhana chaengy prh hi lengy. Thanks to Sir Hitesh for TailwindCSS course also thanks to PW Skills for the series. A lot of learning from the course
Hitesh Sir also teaches in hindi? Well, Your videos are very easy to understand. A big salute for the efforts you put in to make such videos. I wish there would be a playlist for react js by you. Thanks again for this awesome video
1 more vs code shortcut: if you copy multiline text and then you use multi-cursors and paste it then it will automatically paste as it was before.. example: line 1 line 2 line 3 now go in vs code and use 3 multi cursor like | | | when you will paste then it will ve like this line 1 line 2 line 3
thank you soo much for this one short tutorial , this is my first video for tailwindcss and i understood much from this tutorial...keep acknowledging us
Amazing tutorial. first time i completed a tutorial, thoroghly enjoyed and learned tailwind. i was a well aware about CSS but had zero knowledge about Tailwind. but after watching your tutorial i was abole to develop the same site yu created by my own. Thank you very much
@@SenseiArima11 no single video will be enough. But this video will give you good understanding of basics, which will help you to start and then you can follow the documentations. Strong CSS knowledge is absolute prerequisite
I am Annas & I am learner Hitesh Sir also teaches in hindi? Well, Your videos are very easy to understand. A big salute for the efforts you put in to make such videos. I wish there would be a playlist for react js by you. Thanks again for this awesome video
maja aaya sir full maja aaya or enjoy kiya jesa aap ny samjhaya wesa koi nhn samjhata mn wese too farmer hn lekin coding ka showq hai lekin kabhi coding ki nhn hai kyoon k na laptop hai na mobile hai lekin ye coding k lectures sabh dekhy hn or coding aati hai or pese jama kar raha hn mob lke coding karoonga or aap ka naam roshan karoonga dekh lena sir ankareeb ye sabh hoga mere pass 5 hazar jama ho gaye hn baaki thory jama karny hn phir mobile mil jaega
To be honest maine paid course vi liya huaa hai but waha jitna tailwind pe confidence ni aya us se jada Hitesh Sir ke video dekh kar aya Thank You so much Hitesh Sir and PW.
I have justed started learning web dev. I dont understand why ppl hate on tailwindcss, i think its the best framework for css so far. Also, you are a very good teacher.
Thank you so much Hitesh Choudhary, This was an amazing video and valuable to Developer like us. Your hard work helped us to grow. Your Explanation is awesome.
Sir, really i enjoy the tutorial. I've watched many tutorials on tailwind but this course is absolutely fantastic 😍 because I learned each and everything from it.
Those who are facing issue: 1)Install - node Js 2)In vs code extension install tail wind css 3)just go to tailwind css website follow as they have given instruction no error will come... 4) Just whenever u shut down the pc aftr restart ( on terminal just copy paste input line till watch ) this is mandatory everytime... UA-camrs making it complecated i don't know why....this is super easy
I heared about Tailwind CSS and use in some project with the help of exisiting code and chatGPT but today after watch this video I understand what is Tailwind and how they help to developers to write code in efficeint way! Thanks Sir you putting a great effort in native language and explain very well! I am backend developer with over 7 years experience now I am feel comfortable after watching this video to work on frontend applications. I am from Pakistan Currently Working in Dubai.
The way Hitesh sir teaches is ❤❤. Pata hi nahi chala 2 ghantey kese nikalgaye ❤❤.
I can ask you
Are you learn which skill except tailwind css
@Name try to kiya h 😂 appreciate krna chahiye.
Sahi baat hai, such a great teacher and soothing voice🙃
Banaya bhi karo sqb pata chalega
Pata karr bhai, kaha uudhraha tha?
Mere ko 1.5x mey 5 ghantey laggaye.
Sir ji aap bahut Acche se explain karte ho bhot Accha laga pata hi nahi chala video kab end ho gaya bahut interest aya
could one person like a single video multiple times? great teaching style by Hitesh ch. thank you for this video
no you cant do that you will have to make differnt accounts
@@arkansavalder of course i know this and sometimes I do this as well. just encouraging others to like the video if it was helpful for them.
From last five days i faced some issue....some of the classes is not working...i thought thr is a issue in setup and did setup 3 times nd every time same problem....but now after watching your video i got the solution....thankyou Bhaiya you explain each every thing so well. Kudos to you hardwork
after spending a day struggling to properly install tailwind, the solution is here. Thank U sir
very good teacher youtube pe itne ache teachers bahot kam hote hai 👍👍👍👍👍👍👍
Dear Hitesh sir iss session ko maine enjoy kiya and mujhe tailwind css me bahut kuchh sikha bhi....
Sir apka teaching ka tarika bahut hi majedar h.....thanku sir....
❤❤❤❤❤❤❤❤
Sir Sigma 2.0 web development course pe kuchh discount offer chala dijiye kuchh time ke liye..... please sir❤❤❤
This is a masterpiece I've studied css with bootstrap and got my proficiency in mern stack. I was only lacking this technology which i acquired today 😊
One of the greatest Indian tech youtubers. Was really a crystal clear explanation.
Finally complete hua page😌... very nice video sir......
Thank You for introducing me to HITESH CHOUDHARY!
Brilliant needs a teacher like him... tailwind with Hitesh sir Zabrdast!!!
Now j doing Internship At Peerhub, Company says You have must knowledge about Tailwind CSS, Now i Completed Tailwind and my next Target Next js, Thank you ❤ For Provide Awasome Video ❤
00:02 Introduction to Tailwind CSS and its popularity
01:54 Tailwind CSS is a utility framework built on top of React.
05:48 Tailwind CSS supports responsive design and provides a mobile-first approach.
07:34 Enable dark mode and customize your Tailwind CSS setup in Hindi
11:31 Learn how to properly install Tailwind CSS
13:20 Install Node and initialize Telwin CSS
17:14 Installing an Oil One Extension
18:59 Configure input and output files for Tailwind CSS
22:50 Installation and setup of Tailwind CSS
24:21 Understanding the basics of Telvin CSS and its documentation
27:37 Understanding the concept of view port in Tailwind CSS
29:42 Targeting the container of the image to improve its appearance.
33:12 Use margin-right and margin-left to calculate space. Define height and width for images. Adjust font size for text.
34:54 Introduction to Tailwind CSS and its key concepts
38:14 Learn to customize buttons using Tailwind CSS.
39:55 Tailwind CSS provides easy button customization and state management.
43:28 Creating responsive designs using Tailwind CSS
45:19 Implement different text color for different screen sizes in Tailwind CSS.
48:42 Designing cards using Tailwind CSS
50:37 Learn about centering cards and adjusting sizes in Tailwind CSS.
54:14 Designing responsive image and card layout using Tailwind CSS
56:06 Designing content with Tailwind CSS
1:00:25 Design a card using Tailwind CSS
1:02:28 Learn how to create a responsive web page using Tailwind CSS
1:05:29 Learn how to design the top bar with Tailwind CSS
1:10:52 Understanding the concept of 'pending' in Tailwind CSS
1:12:25 Tailwind CSS provides easy ways to customize designs and layouts
1:15:52 Learn about customizing background and font styles in Tailwind CSS
1:17:48 Use HTML5 semantics to create a cleaner header with images
1:21:18 Flexing won't help in reducing image size
1:23:12 Introduction to Flex Property and its Features
1:26:39 Understanding the concept of mobile-first design in Tailwind CSS
1:28:37 Setting device margin top and bottom for mobile devices
1:32:22 Designing with Tailwind CSS is easy and efficient.
1:35:15 Designing the product area using Tailwind CSS
1:38:47 Designing a card with Tailwind CSS
1:40:57 Removing borders and adding icons and text to a web page using Tailwind CSS
1:46:11 Flex is essential for responsive design.
1:48:13 Learn how to use Tailwind CSS for basic styling
1:53:20 Enhance your web page design with Tailwind CSS
Crafted by Merlin AI.
hitesh sir kia 2 ghantay jado kia . pata hi nahi chala 2 ghanton ka. or ya video say bohot confidence aya hay great sir hitesh
Mind blowing. Nowhere could I learn about TailwindCSS to this extent in a short 2 hour video.
Amazingly designed flow of the course.
Thanks Hitesh.
You rock in Hindi by the way :)
Sir ji aap bahut Acche se explain karte ho bhot Accha laga pata hi nahi chala video kab end ho gaya
Hitesh Sir's videos are incredibly effective and very helpful, especially for beginners. He delivers the content concisely without stretching the video unnecessarily, making the learning process smooth and efficient.
Masha Allah your teaching method is so great ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤
this is the first video I have ever seen on yt which has explained the tailwind very well
Won't ever need any other Tailwind tutorial, such a great video🙌🙇♂️
waah waah !
kya jabardast sikhaya sir ji aapne !!!! waaa !!!
thankyou so much for this content
2 ghante kab nikal gye pata hi nhi chala ❤ the way of teaching is too good.superbbb hitesh bhaiya ❤❤
Sir Hitesh ko kahen sy bhi dhondh lengy aur jo kuch prhana chaengy prh hi lengy.
Thanks to Sir Hitesh for TailwindCSS course also thanks to PW Skills for the series.
A lot of learning from the course
Your style.css of talking, teaching, smile is ....goor work.😍😍😍😍😍😍
Thankyou so much - I Learned Tailwind CSS completely from this video
Hitesh Sir also teaches in hindi?
Well, Your videos are very easy to understand. A big salute for the efforts you put in to make such videos.
I wish there would be a playlist for react js by you. Thanks again for this awesome video
available at chai aur code channel
1 more vs code shortcut: if you copy multiline text and then you use multi-cursors and paste it then it will automatically paste as it was before..
example:
line 1
line 2
line 3
now go in vs code and use 3 multi cursor like
|
|
|
when you will paste then it will ve like this
line 1
line 2
line 3
Thank you @prince7579
Sir, I know you are used to hear this but you are a really amazing tutor. 🙌🙌
My favourite instructor on the internet ❤
I've watched many tutorials on tailwind but this course is absolutely fantastic 😍 because I learned each and everything from it.
spam comment
@@vitaminprotein2613 what?
I agree with you mene bhi kayi dekhe ulta ghabra Gaya tha tailwind sikhne ko
shi mein btao koi kaisi hai yeh video
@@vitaminprotein2613
bro should i watch this tutorial after completing html and css or should i complete the JS also ?
thank you soo much for this one short tutorial , this is my first video for tailwindcss and i understood much from this tutorial...keep acknowledging us
Thanks to banta hy V.v.v Thanks i'm stucked many times in tailwind and then leave it . but now i'feeling good after watched yur video thanks bro.
Amazing tutorial. first time i completed a tutorial, thoroghly enjoyed and learned tailwind. i was a well aware about CSS but had zero knowledge about Tailwind. but after watching your tutorial i was abole to develop the same site yu created by my own. Thank you very much
Hello, was this video enough for tailwind or did you watch any other course?
@@SenseiArima11 no single video will be enough. But this video will give you good understanding of basics, which will help you to start and then you can follow the documentations. Strong CSS knowledge is absolute prerequisite
@@soumyasen3338 yes I have good css knowledge, 👍 thanks
hitesh sir is best when it comes to teaching
Thank u sir... Akdam makkhan ki tarha tha lecture... Maja hii a gya...❤❤❤
Very nice teaching, Tailwind seems so easy because of your awesome teaching.
I am Annas & I am learner
Hitesh Sir also teaches in hindi?
Well, Your videos are very easy to understand. A big salute for the efforts you put in to make such videos.
I wish there would be a playlist for react js by you. Thanks again for this awesome video
maja aaya sir full maja aaya or enjoy kiya jesa aap ny samjhaya wesa koi nhn samjhata mn wese too farmer hn lekin coding ka showq hai lekin kabhi coding ki nhn hai kyoon k na laptop hai na mobile hai lekin ye coding k lectures sabh dekhy hn or coding aati hai or pese jama kar raha hn mob lke coding karoonga or aap ka naam roshan karoonga dekh lena sir ankareeb ye sabh hoga mere pass 5 hazar jama ho gaye hn baaki thory jama karny hn phir mobile mil jaega
I enjoyed writing code. Sir You're Great ALLAH Bless You.
Bro was this video enough to learn tailwind?
Things are not simple, but the way you teach us 😊 makes them simple.
it was fun to learn tailwind in this way such a fun experience the way sir teaches is awesome and wow
To be honest maine paid course vi liya huaa hai but waha jitna tailwind pe confidence ni aya us se jada Hitesh Sir ke video dekh kar aya Thank You so much Hitesh Sir and PW.
Really helpful for me to learn Tailwind CSS. Thank You Sir. 🙏
one of the best hindi tech tutors - hitesh chaudhary
your way of explaining with smile is excellent.
I have justed started learning web dev. I dont understand why ppl hate on tailwindcss, i think its the best framework for css so far. Also, you are a very good teacher.
who told u people hate tailwind?? lmao
Mr hitesh aap ka chahra dekh ke hum log yaha bhi aa gaye
Finally video has come,Thanks Physics wallah
humour and lightness in sir teaching!!!!!!!!!!!!!!
1:14:35 i think it's better to do space-x-4 in the tag rather than defining margin of each tag
even better you can just use gap-* which is the utility class for gap property which adds space between flex childs
One more best tutorial by Hitesh Sir. Learning with Hitesh Sir is always Fun.
Bahut acha se smjh aaya sir, thank you so much!
Definitely your technique of teaching is way different sir.
amazing video to learn tailwind css.... thankyou sir
Thank you so much Hitesh Choudhary,
This was an amazing video and valuable to Developer like us.
Your hard work helped us to grow.
Your Explanation is awesome.
Great person , humble ...and surely great teacher
Great teachers for beginerss
Bahut badhiya laga sir aap ka lacture maza aaya hai😅😅😅😅
thank you Aap tailwind css proper sikha rahe hain
maine bohoot video dekh li lekin vah proper nahi teach kar rahe the
One of the best video on youTube for Tailwind css❤❤❤❤
Maza aa gya thanks sir
learning first time TailWind CSS ❤❤
Nice Sir ❤ before this tutorial I feel tailwind boring but now 👍👍👍👍👍💯
❤❤ greater sir ... Bahut accha lga ye lacture dekhe aur samaj me v aya finally tailwind ke bare😊😊 thanks you soo much sir
😍😍 Hitesh sir does it the best way possible.
explaining skill top notch 🔥🔥🔥
Thank you so much sir...very peaceful feeling while watching video. grate teaching explaining process also very good.
You are great sir. 🎉🎉🎉🎉 haaaanji….
haa bahut mazza aaya Sir😊😊
this is something i have learned in 6 hours (thank you hitesh sir)
how?
@Anum-h5h Because I already have enough knowledge of CSS before watching this video.
By far the best video on TailwindCSS on YT. Thank you Hitesh Sir! You're a gem💎💎
your way of teaching is too much satisfying
thanks you so much sir ..for the best Tailwind video on youtube ..
bohot acche se samjhaya. it was fun to learn.
Was this one shot enough to learn tailwind bro?
ek video mein hi expert Ban Gaya Main 🎉
nice taking style sir ji ..taking with clear voice...thanks
maza aa gaya sir dil se 🧡🧡🧡🧡🧡🧡❤❤❤❤💚💚💙💙💜💜
maza aaya n pura sikh gya hu...thankks
i like you teaching,easily understant the concepts.
Bahut badhiya samjhaate ho sir
Hitesh sir on the top
great Explanation Sir ! and your smile puri video me algh hi hai!
i've watched may tutorial but your way of talking is very nice and fantastic.
HIi sir . nice to see you here . aaj chai kaha hai
THE METHOD OF YOUR TEACHING IS VERY GOOD
Helpful tutorials anyone's can easily understand 👌👌
Sir, really i enjoy the tutorial. I've watched many tutorials on tailwind but this course is absolutely fantastic 😍 because I learned each and everything from it.
hitesh sir is gem
Those who are facing issue:
1)Install - node Js
2)In vs code extension install tail wind css
3)just go to tailwind css website follow as they have given instruction no error will come...
4) Just whenever u shut down the pc
aftr restart ( on terminal just copy paste input line till watch ) this is mandatory everytime...
UA-camrs making it complecated i don't know why....this is super easy
Best teacher ❤
yes ,bro very help full this video thanks of lot
Garda sir !
Maza a gia. Superb lecture.
Great teaching skills
I heared about Tailwind CSS and use in some project with the help of exisiting code and chatGPT but today after watch this video I understand what is Tailwind and how they help to developers to write code in efficeint way! Thanks Sir you putting a great effort in native language and explain very well! I am backend developer with over 7 years experience now I am feel comfortable after watching this video to work on frontend applications.
I am from Pakistan Currently Working in Dubai.
bhia degree matter krti he kya ?
@alisaivi786 bhai degree matter karti he ?
A very interesting tutorial. It's been a long time since I heard you speak Hindi. 😄
yes sir i am more exicted to learn about the tailwind css🙏
😍
My Self Rajeev
mja agya sir kafi acha padaya apne
learning with projects >>>
thanku sir 🥰
Super se bhi uper❤