Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Tailwind CSS Tutorials in Hindi

CodeWithHarry via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn Tailwind CSS from scratch through this comprehensive Hindi-language tutorial series that covers the utility-first CSS framework for rapid website development. Master the fundamentals starting with utility-first workflow concepts and progress through essential topics including fonts, sizing, margins, borders, and padding. Explore advanced features like square bracket notation for custom values, responsive design implementation, and interactive states such as hover and focus effects. Understand when and how to use Tailwind's @apply and @layer directives for custom styling solutions, and learn to customize the framework using the tailwind.config.js configuration file. Apply your knowledge through hands-on projects including building Facebook and Microsoft clones with responsive designs. Discover deployment strategies for production environments and gain insights into career advancement opportunities with Tailwind CSS. Each concept is explained clearly in Hindi to ensure thorough understanding of this highly customizable, low-level CSS framework that provides all the building blocks needed for custom website development.

Syllabus

Introduction to Tailwind CSS & Utility first Workflow: Tailwind Tutorial #1
Our First Tailwind CSS Website: Tailwind Tutorial #2
Why use Tailwind CSS? : Tailwind Tutorial #3
Fonts & Sizing : Tailwind Tutorial #4
Margins, Borders & Padding in Tailwind CSS : Tailwind Tutorial #5
Square Bracket Notation in Tailwind CSS : Tailwind Tutorial #6
Creating Responsive Designs in Tailwind CSS : Tailwind Tutorial #7
Hover, Focus & Other States in Tailwind CSS : Tailwind Tutorial #8
@apply directive in Tailwind CSS: Tailwind Tutorial #9
@layer Directive in Tailwind: Tailwind Tutorial #10
When to use @apply and @layer directive?: Tailwind Tutorial #11
Customizing Tailwind CSS using tailwind.config.js file: Tailwind Tutorial #12
Deploying a Tailwind Website to Production : Tailwind Tutorial #13
Project 1: Facebook Clone in Tailwind CSS: Tailwind Tutorial #14
Project 2: Microsoft Clone (Responsive) in Tailwind CSS: Tailwind Tutorial #15
Tailwind CSS Course Conclusion, Wrap-up & where to go from here

Taught by

CodeWithHarry

Reviews

Start your review of Tailwind CSS Tutorials in Hindi

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.