Master HTML, CSS & TailwindCSS in Hindi

Start Your Web Development Journey Here

HTML, CSS & TailwindCSS are the foundational languages of the web and essential for a successful career in tech. This course is the perfect starting point for beginners.

Learn by Doing

Our course emphasizes hands-on learning with coding exercises, quizzes, mini-projects, and major projects designed to enhance your skills through active recall.

Course Content

HTML

Introduction

01:31
What is HTML

02:04
Setup Vs Code Editor

09:56
HTML Basic Structure

07:42
What are Meta Tags and its Importance

04:43
Sematic HTML

11:21
Forms in HTML

16:29
Portfolio Website using HTML

40:41
Headings

02:52
HTML Comments

02:27
Paragraphs

03:29
Links (a tag) and HTML Attributes

06:18
Images ( img )

03:19
LIST

02:18
Divisions ( div )

04:40
Line Break ( br )

02:49
Horizontal Rule ( hr )

01:55
Span ( span )

02:45
Resources

Advanced HTML Concepts

CSS

CSS Layouts

Advanced CSS Concepts

CSS vs SCSS vs SASS vs LESS vs Others – Advanced Concepts

11:37
How to run HTML with SCSS

25:58
Some shortcut tricks

01:50
.Pseudo Classes Advanced CSS selector

15:03
Pseudo Elements Advanced CSS Selector

06:26
Transitions and Animations

06:01
CSS Variables

04:35
Advanced CSS (Filter, Custom Checkbox, Autofit and Minmax in Grid)

20:47
Gradients in Text and Background

09:54
Blend Mode and Clip Path in CSS

04:54
Responsive design for different screens

14:55
Resources

Designing Portfolio Website Using CSS

TailwindCSS

Designing Portfolio Website Using TailwindCSS

Setup Tailwind CSS via CLI

12:29
Adding Earlier Portfolio Website design in the Project

02:15
Design Header using Tailwind CSS

11:08
Design Hero Section

07:29
Design About Section using Tailwind CSS

10:59
Design Skills Section using Tailwind CSS

07:44
Design Projects Section using Tailwind CSS

10:53
Design Contact Section using Tailwind CSS

07:34
Design Footer using Tailwind CSS

04:34
Resource

A course by

Nikhil Agarwal

Senior Full Stack Engineer | Founder, Coding Technyks

Student Ratings & Reviews

No Review Yet

Master HTML, CSS & TailwindCSS in Hindi

What Will You Learn?

Requirements

Audience

Course Content

HTML

Introduction

What is HTML

Setup Vs Code Editor

HTML Basic Structure

What are Meta Tags and its Importance

Sematic HTML

Forms in HTML

Portfolio Website using HTML

Headings

HTML Comments

Paragraphs

Links (a tag) and HTML Attributes

Images ( img )

LIST

Divisions ( div )

Line Break ( br )

Horizontal Rule ( hr )

Span ( span )

Resources

Advanced HTML Concepts

How to Navigate_Redirect from One HTML File to Another

Tables HTML

Advanced Forms (Validation, Action, Method) in HTML

HTML Multimedia

HTML Entities

HTML iFrames

Checkboxes and Radio Button (Using input tag in Forms)

CSS

What is CSS

How CSS works, with examples

Basic CSS Syntax

Common CSS Properties

CSS Selectors

Box Model, Background Image CSS Properties

CSS Units

CSS Layouts

Grid Layout

Flexbox Layout

Float Layout

Positioning Layout

Multi Column Layout

Table Layout with HTML Table

Inline-Block Layout

Sticky Layout

CSS Layouts Use Cases

Advanced CSS Concepts

CSS vs SCSS vs SASS vs LESS vs Others – Advanced Concepts

How to run HTML with SCSS

Some shortcut tricks

.Pseudo Classes Advanced CSS selector

Pseudo Elements Advanced CSS Selector

Transitions and Animations

CSS Variables

Advanced CSS (Filter, Custom Checkbox, Autofit and Minmax in Grid)

Gradients in Text and Background

Blend Mode and Clip Path in CSS

Responsive design for different screens

Resources

Designing Portfolio Website Using CSS

Designing Header

Designing Hero Section

Designing About Section

.Designing Skills Section and integrating Icons

Designing Projects Section

Designing Contact Section

Designing Footer

Making Website Responsive

Resources

TailwindCSS

What is Tailwind CSS? Why use it

Tailwind CSS Basics

Integrating Tailwind CSS and testing it in html

Apply Flexbox, Grid Layouts using Tailwind CSS and many more

Border, border radius, shadow in Tailwind CSS