Sigma Web Development Course - Complete Web Development in Hindi

CodeWithHarry via YouTube

Start learning Write review

Learn comprehensive web development from beginner to advanced level through this extensive Hindi-language course covering frontend and backend technologies. Master HTML fundamentals including structure, forms, semantic tags, and media elements before progressing to CSS concepts like selectors, box model, flexbox, grid, animations, and responsive design. Develop JavaScript proficiency through variables, functions, DOM manipulation, async programming, and object-oriented concepts. Build practical projects including a Netflix clone, Spotify clone, and various interactive exercises to reinforce learning. Explore backend development with Node.js, Express.js, and MongoDB for full-stack applications. Gain expertise in modern frameworks and tools including React hooks, state management, routing, Redux, and Next.js features like server components, API routes, and authentication. Learn industry-standard practices for deployment, hosting, and production environments while working with popular libraries like Tailwind CSS and building real-world projects such as a password manager, Patreon clone, URL shortener, and LinkTree clone.

Syllabus

Installing VS Code & How Websites Work | Sigma Web Development Course - Tutorial #1
Your First HTML Website | Sigma Web Development Course - Tutorial #2
Basic Structure of an HTML Website | Sigma Web Development Course - Tutorial #3
Heading, Paragraphs and Links | Sigma Web Development Course - Tutorial #4
Image, Lists, and Tables in HTML | Sigma Web Development Course - Tutorial #5
SEO and Core Web Vitals in HTML | Sigma Web Development Course - Tutorial #6
Forms and input tags in HTML | Sigma Web Development Course - Tutorial #7
Inline & Block Elements in HTML | Sigma Web Development Course - Tutorial #8
Id & Classes in HTML | Sigma Web Development Course - Tutorial #9
Video, Audio & Media in HTML | Sigma Web Development Course - Tutorial #10
Semantic Tags in HTML | Sigma Web Development Course - Tutorial #11
Exercise 1 - Pure HTML Media Player | Sigma Web Development Course - Tutorial #12
Entities, Code tag and more on HTML | Sigma Web Development Course - Tutorial #13
Introduction to CSS | Sigma Web Development Course - Tutorial #14
Inline, Internal & External CSS | Sigma Web Development Course - Tutorial #15
Exercise 1 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #16
CSS Selectors MasterClass | Sigma Web Development Course - Tutorial #17
CSS Box Model - Margin, Padding & Borders | Sigma Web Development Course - Tutorial #18
CSS Fonts, Text & Color Properties | Sigma Web Development Course - Tutorial #19
Exercise 2 - CSS Challenge | Sigma Web Development Course - Tutorial #20
CSS Specificity & Cascade | Sigma Web Development Course - Tutorial #21
CSS Sizing Units - px, rem, em, vh, vw, % & more | Sigma Web Development Course - Tutorial #22
CSS Display Property | Sigma Web Development Course - Tutorial #23
CSS Shadows and Outlines | Sigma Web Development Course - Tutorial #24
Styling Lists using CSS | Sigma Web Development Course - Tutorial #25
CSS Overflow Property | Sigma Web Development Course - Tutorial #26
Exercise 2 - Solutions and Shoutouts | Sigma Web Development Course - Tutorial #27
CSS Position Property | Sigma Web Development Course - Tutorial #28
Exercise 3 - Design this Card | Sigma Web Development Course - Tutorial #29
CSS Variables | Sigma Web Development Course - Tutorial #30
CSS Media Queries | Sigma Web Development Course - Tutorial #31
Exercise 3 - Solution | Sigma Web Development Course - Tutorial #32
Exercise 4 - Multi Color Website | Sigma Web Development Course - Tutorial #33
CSS Float & Clear | Sigma Web Development Course - Tutorial #34
More on CSS Selectors | Sigma Web Development Course - Tutorial #35
Exercise 4 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #36
CSS Exercise 5 - Design this Layout | Sigma Web Development Course - Tutorial #37
CSS Flexbox - Ultimate MasterClass | Sigma Web Development Course - Tutorial #38
CSS Grid - Ultimate MasterClass | Sigma Web Development Course - Tutorial #39
Exercise 5 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #40
Exercise 6 - Navbar using Flexbox | Sigma Web Development Course - Tutorial #41
CSS Transforms MasterClass | Sigma Web Development Course - Tutorial #42
Exercise 6 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #43
Exercise 7 - Design the Grid | Sigma Web Development Course - Tutorial #44
CSS Transition Property | Sigma Web Development Course - Tutorial #45
CSS Animations | Sigma Web Development Course - Tutorial #46
Exercise 7 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #47
Exercise 8 - Bounce Animation | Sigma Web Development Course - Tutorial #48
CSS Object-fit and Object-cover | Sigma Web Development Course - Tutorial #49
CSS Filters | Sigma Web Development Course - Tutorial #50
Exercise 8: Solution & Shoutouts | Sigma Web Development Course - Tutorial #51
Figma Basics in One Video | Sigma Web Development Course - Tutorial #52
Netflix Clone Using HTML & CSS | Sigma Web Development Course - Tutorial #53
Introduction to JavaScript & Installing Node.js | Sigma Web Development Course - Tutorial #54
JavaScript Variables, Data Types & Objects | Sigma Web Development Course - Tutorial #55
JavaScript Conditionals: if, else if, else ladder | Sigma Web Development Course - Tutorial #56
JavaScript Loops | Sigma Web Development Course - Tutorial #57
JavaScript Functions | Sigma Web Development Course - Tutorial #58
Exercise 9 - Faulty Calculator | Sigma Web Development Course - Tutorial #59
JavaScript Strings | Sigma Web Development Course - Tutorial #60
JavaScript Exercise 9 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #61
JavaScript Exercise 10 - Business Name Generator | Sigma Web Development Course - Tutorial #62
JavaScript Arrays | Sigma Web Development Course - Tutorial #63
JavaScript Exercise 10 - Solution | Sigma Web Development Course - Tutorial #64
JavaScript Exercise 11 - Calculate the Factorial | Sigma Web Development Course - Tutorial #65
Document Object Model in JavaScript | Sigma Web Development Course - Tutorial #66
JavaScript DOM - Children, Parent & Sibling Nodes | Sigma Web Development Course - Tutorial #67
JavaScript - Selecting by Ids, Classes, and More | Sigma Web Development Course - Tutorial #68
JavaScript Exercise 11 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #69
JavaScript Exercise 12 - Color the Boxes | Sigma Web Development Course - Tutorial #70
Inserting and Removing Elements using JavaScript | Sigma Web Development Course - Tutorial #71
JavaScript Exercise 12 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #72
JavaScript Exercise 13 - Dynamic Website Builder | Sigma Web Development Course - Tutorial #73
Events, Event Bubbling, setInterval & setTimeout | Sigma Web Development Course - Tutorial #74
JavaScript Callbacks & Promises | Sigma Web Development Course - Tutorial #75
Async/Await & Fetch API in JavaScript with Examples | Sigma Web Development Course - Tutorial #76
JavaScript Exercise 13 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #77
JavaScript Exercise 14 - Hacker's Terminal | Sigma Web Development Course - Tutorial #78
JavaScript try catch & Error Handling | Sigma Web Development Course - Tutorial #79
Classes & Objects - Object Oriented Programming in Js | Sigma Web Development Course - Tutorial #80
JavaScript Exercise 14 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #81
Advanced JavaScript | Sigma Web Development Course - Tutorial #82
JavaScript Interview Questions | Sigma Web Development Course - Tutorial #83
Spotify Clone using HTML, CSS & JavaScript | Sigma Web Development Course - Tutorial #84
Backend, Node.js & npm | Sigma Web Development Course - Tutorial #85
CommonJs Vs EcmaScript Modules | Sigma Web Development Course - Tutorial #86
Working with Files: fs and path Modules | Sigma Web Development Course - Tutorial #87
Introduction to Express Js | Sigma Web Development Course - Tutorial #88
Response, Request and Routers in Express | Sigma Web Development Course - Tutorial #89
Middlewares in Express Js | Sigma Web Development Course - Tutorial #90
Exercise 15 - Clear the Clutter | Sigma Web Development Course - Tutorial #91
ejs Template Engine in Express | Sigma Web Development Course - Tutorial #92
Exercise 15 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #93
Installing MongoDB & MongoDB Compass | Sigma Web Development Course - Tutorial #94
CRUD Operations in MongoDB | Sigma Web Development Course - Tutorial #95
Installing Mongoose & Using it with Express | Sigma Web Development Course - Tutorial #96
Exercise 16 - Dummy Data Generator | Sigma Web Development Course - Tutorial #97
Tailwind CSS in one Video | Sigma Web Development Course - Tutorial #98
Exercise 16 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #99
Exercise 17 - Design This Layout | Sigma Web Development Course - Tutorial #100
X.com (Twitter) Clone using Tailwind CSS | Sigma Web Development Course - Tutorial #101
Exercise 17 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #102
What is Hosting? Where to Host? Which Hosting? | Sigma Web Development Course - Tutorial #103
Hosting an Express App on Ubuntu VPS using Hostinger | Sigma Web Development Course - Tutorial #104
Introduction to React & Why use React? | Sigma Web Development Course - Tutorial #105
Components, Props and JSX in React | Sigma Web Development Course - Tutorial #106
Hooks & State in React | Sigma Web Development Course - Tutorial #107
The useEffect Hook in React | Sigma Web Development Course - Tutorial #108
The useRef Hook in React | Sigma Web Development Course - Tutorial #109
Conditional Rendering & Rendering Lists in React | Sigma Web Development Course - Tutorial #110
Exercise 18 - Display the Cards | Sigma Web Development Course - Tutorial #111
Handling Events in React | Sigma Web Development Course - Tutorial #112
Exercise 18 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #113
TodoList App using React, Tailwind & React Icons | Sigma Web Development Course - Tutorial #114
React Router: Routing in React | Sigma Web Development Course - Tutorial #115
The useContext hook in React | Sigma Web Development Course - Tutorial #116
The useMemo hook in React | Sigma Web Development Course - Tutorial #117
The useCallback hook in React | Sigma Web Development Course - Tutorial #118
Handling Forms + Connecting React to Express Backend | Sigma Web Development Course - Tutorial #119
Learn Redux in One video | Sigma Web Development Course - Tutorial #120
Introduction to Next.js & File based routing | Sigma Web Development Course - Tutorial #121
Server Components in Next.js | Sigma Web Development Course - Tutorial #122
Script, Link & Image components in Next.js | Sigma Web Development Course - Tutorial #123
Creating APIs in Next.js | Sigma Web Development Course - Tutorial #124
Server Actions in Next.js | Sigma Web Development Course - Tutorial #125
Middleware in Next.js | Sigma Web Development Course - Tutorial #126
Auth.js - Authentication in Next.js | Sigma Web Development Course - Tutorial #127
Dynamic Routes in Next.js | Sigma Web Development Course - Tutorial #128
Layouts in Next.js | Sigma Web Development Course - Tutorial #129
React Project: Password Manager using React, Tailwind, MongoDB & Express | Sigma WebD Tutorial #130
Project GetMeAChai - Patreon Clone in Next.js | Sigma Web Development Course - Tutorial #131
Understanding next/navigation module in Next.js | Sigma Web Development Course - Tutorial #132
SSR, SSG & ISR in Next.js | Sigma Web Development Course - Tutorial #133
Environment Variables in Next.js | Sigma Web Development Course - Tutorial #134
Styled JSX and other ways to Style in Next.js | Sigma Web Development Course - Tutorial #135
[Project] Let's Build a Url Shortener in Next.js 15 | Sigma Web Development Course - Tutorial #136
[Project] Let's Build a LinkTree Clone in Next.js 15 | Sigma Web Development Course - Tutorial #137
Deploying our Next.js App to Vercel | Sigma Web Development Course - Tutorial #138
Concluding the Sigma Web Dev Course | Sigma Web Development Course - Tutorial #139