Tailwind CSS Tutorial For Beginners in Hindi | Tailwind CSS in One Shot By Hitesh Choudhary

Tailwind CSS Tutorial For Beginners in Hindi | Tailwind CSS in One Shot By Hitesh Choudhary

College Wallah

55 лет назад

577,567 Просмотров

Tailwind CSS is a CSS framework that simplifies creating beautiful and responsive websites by providing pre-designed styles and utilities. Its utility classes quickly style HTML elements, covering typography, spacing, colors, and backgrounds. This allows developers to write clean and semantic HTML while streamlining the styling and layout approach.

Tailwind CSS is highly customizable and flexible, allowing developers to create unique and visually appealing designs that align with their brand or client's preferences. This sets it apart from other CSS frameworks that may enforce a specific design language or aesthetic. Tailwind CSS is suitable for projects of all sizes and has a large community of developers who provide resources and support, making it a great choice for developers looking to create beautiful and responsive websites quickly and efficiently.

00:00:00 - Module Introduction
00:01:27 - Prerequisite For The Tailwind Css
00:02:51 - Why Tailwind Css
00:03:36 - Deep dive into Tailwind Documentation
00:08:07 - Editor Setup & installation Process
00:23:38 - Basic Tailwind Css Concept
00:27:38 - Viewport Height
00:28:40 - Responsive Card Design
00:42:33 - How to make Responsive Design(Mobile First Approach)
01:02:50 - Lets Create a Web Page
01:44:48 - Complete Responsive Web Page
01:54:38 - Module Conclusion

For any Batch Related Queries Please Connect - 7019243492

1) Data science Masters 2.0

Hinglish batch : https://pwskills.com/course/Data-Science-masters-2.0?source=course_listing_page

English batch : https://pwskills.com/course/Data-Science-Masters-2.0?source=course_listing_page

2) Full Stack Web Development 2.0

Hinglish batch: https://pwskills.com/course/Full-Stack-web-development-2.0?source=course_listing_page

English batch: https://pwskills.com/course/Full-Stack-Web-Development-2.0?source=course_listing_page

3) Java with DSA and System Design 2.0

Hinglish batch: https://pwskills.com/course/Java-with-DSA-and-system-design-2.0?source=course_listing_page

English batch: https://pwskills.com/course/Java-with-DSA-and-System-Design-2.0?source=course_listing_page

📌 𝐏𝐇𝐘𝐒𝐈𝐂𝐒 𝐖𝐀𝐋𝐋𝐀𝐇 𝐎𝐓𝐇𝐄𝐑 𝐘𝐎𝐔𝐓𝐔𝐁𝐄 𝐂𝐇𝐀𝐍𝐍𝐄𝐋𝐒 :
🌐 PhysicsWallah -Alakh Pandey: https://youtube.com/@PhysicsWallah
🌐 Alakh Pandey: https://youtube.com/@alakhpandey1414
🌐 JEE Wallah: https://youtube.com/@jee_wallah
🌐 Competition Wallah: https://youtube.com/@PW-NEETWallah
🌐 PW Foundation: https://youtube.com/c/PhysicsWallahFoundation
🌐 NCERT Wallah: https://www.youtube.com/channel/UC8zCnnfhz-dvIpVdZ1CheuA
🌐 Defence Wallah: https://youtube.com/channel/UC8OCoGX9tmMneOzIFUTWq2Q
🌐 PhysicsWallah English: https://youtube.com/@EnglishPW
🌐 PW Vidyapeeth: https://youtube.com/@VidyapeethPW
🌐 Commerce Wallah by PW: https://youtube.com/@commercewallahpw
🌐 CA Wallah bt PW: https://www.youtube.com/channel/UC2amkJX5zDyQJ0mDajAWRSA
🌐 PW Sarkari Exam: https://youtube.com/@PWSarkariExams
🌐 PW - Hindi Medium: https://youtube.com/@physicswallahhindimedium
🌐 PW Bangla: https://youtube.com/@pwbangla
🌐 PW Maharashtra: https://youtube.com/@PWMaharashtra
🌐 PW Telugu: https://youtube.com/@PWTelugu
🌐 PW Kannada: https://youtube.com/@PWKannada
🌐 PW Gujarati: https://youtube.com/@PWGujarati
🌐 PW Facts: https://youtube.com/@pwfacts
🌐 PW Insiders: https://youtube.com/channel/UCHMWQFr9Nwo3wJsAap2Wnfw
🌐 PW Little Champs: https://youtube.com/@pwlittlechamps
🌐 PW Pathshala: https://youtube.com/channel/UCcXUY9NSMyYbkOvUD97CUmA
🌐 Banking Wallah : https://www.youtube.com/channel/UCg5_K50hLTKerLkSE7I1yWQ
🌐 SSC Wallah : https://www.youtube.com/channel/UCcaEVV7A47J4k9GFcqOOYkg
🌐 JEE Challengers by PW : https://www.youtube.com/channel/UCyf71tWV2abeN-l_UKiJ-5g
🌐 UPSC Wallah : https://www.youtube.com/channel/UCqOy6oOu6RPJNHYQ8f_Ybvg
🌐 UPSC Wallah हिन्दी : https://www.youtube.com/channel/UCmrP-DYdZuThp8AO9lnnwNw
🌐 GATE Wallah : https://www.youtube.com/channel/UC9PoSJoftLvEnXT-PtQ5Wtw
🌐 GATE Wallah - EC,EE & CS : https://www.youtube.com/channel/UCuGWIkiNaWjsCqybgxGuxfg
🌐 GATE Wallah - ME, CE & XE : https://www.youtube.com/channel/UCGrrw9x3_B_fItUIBMvqAUw
🌐 GATE English : https://www.youtube.com/channel/UCOsV75fSUr8gnMbhx-Qh3Lg
🌐 College Wallah : https://www.youtube.com/channel/UCDrf0V4fcBr5FlCtKwvpfwA
🌐 PW IIT JAM & CSIR NET : https://www.youtube.com/channel/UCuj28Zll58sztDqLiDhzgtQ
🌐 Teaching Wallah: https://www.youtube.com/channel/UCUzqJZOkCejFoc5eqWWA9Eg
🌐 CUET Wallah: https://www.youtube.com/@cuetwallahpw

📌 𝐏𝐇𝐘𝐒𝐈𝐂𝐒 𝐖𝐀𝐋𝐋𝐀𝐇 𝐒𝐎𝐂𝐈𝐀𝐋 𝐌𝐄𝐃𝐈𝐀 𝐏𝐑𝐎𝐅𝐈𝐋𝐄𝐒 :
🌐 Telegram : https://t.me/Physics_Wallah_Official_Channel
🌐 Facebook : https://www.facebook.com/physicswallah
🌐 Instagram : https://www.instagram.com/physicswallah/?hl=en
🌐 Twitter : https://twitter.com/physics__wallah

📌 For any queries or complaints Visit : https://bit.ly/PW_Queries

#Tailwind #TailwindCSS #TailwindTutorial #CollegeWallah #PWSkills #PhysicsWallah

Тэги:

#tailwind_css_tutorial #tailwind_css_tutorial_for_beginners_in_hindi #tailwind_css #tailwind_css_in_hindi #tailwind_css_tutorial_in_hindi #tailwind_css_tutorial_for_beginners #tailwind_css_tutorial_in_one_video #tailwind_css_tutorial_in_hindi_one_video #tailwind_css_tutorial_hindi #tailwindcss #tailwind_css_full_course #tailwind_css_in_one_shot #tailwind #tailwind_css_hindi_tutorial #college_wallah #pw_skills #tailwind_css_college_wallah #physics_wallah #hitesh_choudhary #pw #skills
Ссылки и html тэги не поддерживаются


Комментарии:

@usmankhan-to2qc
@usmankhan-to2qc - 16.12.2024 01:35

how can I get all the webpage assets?

Ответить
@arbaazmakandar1692
@arbaazmakandar1692 - 16.12.2024 06:50

Enjoyed the video..

Ответить
@raviraj-q4b7r
@raviraj-q4b7r - 16.12.2024 14:31

thank you bhaiya

Ответить
@muhammadaamir885
@muhammadaamir885 - 18.12.2024 22:02

Yes, I have coded

Ответить
@PushpendraJaat
@PushpendraJaat - 20.12.2024 14:07

Chai lovers ❤️

Ответить
@AbdulWahab-tn6xl
@AbdulWahab-tn6xl - 20.12.2024 18:33

nice

Ответить
@Soumojit-xl8uy
@Soumojit-xl8uy - 26.12.2024 20:15

Chai aur code ❤

Ответить
@lakkiumaretiya2848
@lakkiumaretiya2848 - 27.12.2024 15:04

yes ,bro very help full this video thanks of lot

Ответить
@AashishKumar-vb3qb
@AashishKumar-vb3qb - 28.12.2024 14:54

Images links kaha se loon ?

Ответить
@Harshkumar-qb8zf
@Harshkumar-qb8zf - 30.12.2024 10:07

please help any one why not getting the suggestion like when using max-w-sm then it show what is pixel value but it is not showing in my vs🙏🙏🙏🙏

Ответить
@deepakrawat9617
@deepakrawat9617 - 30.12.2024 13:22

Your efforts in teaching us new skills with such a sweet tone and pleasing gestures are truly commendable. Your dedication and approach make learning an absolute delight. Heartfelt thanks for your great efforts and unwavering commitment. You inspire us to grow and excel!"

Ответить
@pand9167
@pand9167 - 30.12.2024 22:49

Nice

Ответить
@vedantbaliyan589
@vedantbaliyan589 - 01.01.2025 13:59

amazing video to learn tailwind css.... thankyou sir

Ответить
@YashWankhede-r4m
@YashWankhede-r4m - 01.01.2025 16:38

waah waah !
kya jabardast sikhaya sir ji aapne !!!! waaa !!!
thankyou so much for this content

Ответить
@nishaleader8313
@nishaleader8313 - 03.01.2025 18:11

🎉❤

Ответить
@GayuNegi25
@GayuNegi25 - 08.01.2025 08:22

hitesh sir is gem

Ответить
@praharshjoshi
@praharshjoshi - 12.01.2025 19:34

Sir ji aap bahut Acche se explain karte ho but vo image ki link kaha sei milagi??? can anyone tell me please ??

Ответить
@zindafossil3835
@zindafossil3835 - 15.01.2025 16:28

this is something i have learned in 6 hours (thank you hitesh sir)

Ответить
@ajinkyapundle5109
@ajinkyapundle5109 - 16.01.2025 21:40

Very nice teaching, Tailwind seems so easy because of your awesome teaching.

Ответить
@Random-9810
@Random-9810 - 19.01.2025 18:28

haa bahut mazza aaya Sir😊😊

Ответить
@SuperNova-xb5vk
@SuperNova-xb5vk - 24.01.2025 23:06

after spending a day struggling to properly install tailwind, the solution is here. Thank U sir

Ответить
@KiranRaut-xw4zf
@KiranRaut-xw4zf - 25.01.2025 05:56

hitesh sir is best when it comes to teaching

Ответить
@ShivamMishra-qw4zd
@ShivamMishra-qw4zd - 25.01.2025 16:48

Sir where is link to access code...I didn't found

Ответить
@avisoft-l2p
@avisoft-l2p - 28.01.2025 14:07

2hrs really amazing after facing problems to setup that npx.

Ответить
@PythonCoderExpert
@PythonCoderExpert - 28.01.2025 23:06

Wow

Ответить
@debjeetpaul449
@debjeetpaul449 - 31.01.2025 20:10

Finally complete hua page😌... very nice video sir......

Ответить
@MuhammadFaheemAkbar-u1t
@MuhammadFaheemAkbar-u1t - 01.02.2025 12:47

tatti coure ha ye
time wastee

Ответить
@Ritikakhairnar-x9v
@Ritikakhairnar-x9v - 05.02.2025 13:31

After npx tailwindcss init command not js file display then what we do

Ответить
@SudarshanSinghBhati-e3z
@SudarshanSinghBhati-e3z - 06.02.2025 09:09

good explanation

Ответить
@supriyahaldar2175
@supriyahaldar2175 - 06.02.2025 12:19

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 ❤

Ответить
@saad_raza
@saad_raza - 07.02.2025 08:25

Those who are watching this video in 2025
just want tell you that the installation process has little bit changed.
so please install as per the latest documentation.
Thanks

Ответить
@anket_singh9003
@anket_singh9003 - 08.02.2025 11:52

PW-->PW( college walla) --> Chai_aur_Code

Ответить
@thehappyguyhello
@thehappyguyhello - 13.02.2025 11:23

Great bro 👍🏻

Ответить
@shubhamkumarsharma4005
@shubhamkumarsharma4005 - 13.02.2025 20:08

Where are image source links?

Ответить
@nikhilkumarjamwal5322
@nikhilkumarjamwal5322 - 18.02.2025 20:33

Worth Watching!👍

Ответить
@LalitGuptalalit
@LalitGuptalalit - 20.02.2025 15:15

Thanks for this video sir

Ответить
@sunnykosle8865
@sunnykosle8865 - 26.02.2025 10:12

Awesome video 🎉🎉

Ответить
@AbhishekV-z3x
@AbhishekV-z3x - 26.02.2025 11:47

very good video, worth watching

Ответить
@harsh.s08
@harsh.s08 - 27.02.2025 12:14

Anurag kashyap

Ответить
@abdulmajid6982
@abdulmajid6982 - 03.03.2025 13:47

👍

Ответить
@AnupCode
@AnupCode - 05.03.2025 13:21

I really enjoy sir😂

Ответить
@anikettikkal1232
@anikettikkal1232 - 07.03.2025 10:43

I learn a lot of things from that video... Thank you Sir 😊❤

Ответить
@Naeemullah_shah
@Naeemullah_shah - 07.03.2025 14:54

At the start, i thought WT* is this, but Great lecture ❤... Respect 💕💕

Ответить
@SoftwareEngineer-js
@SoftwareEngineer-js - 08.03.2025 13:23

Video was helpful.

Ответить