Complete web development course Share

1. Course Introduction - Roadmap

1x 0:15 / 11:26

Course content AI Assistant Overview Q&A Notes Announcements Reviews

Take a Udemy Assessment to check your skills

Made by Udemy, this generalized assessment is a great way to check in on your skills.

Launch Assessment

Section 1: Before web dev Journey

6 / 6 | 1hr 1min

1. Course Introduction - Roadmap

11min

2. Meet your Instructor - Hitesh

5min

3. Lets talk about AI hype

6min
 4. Jobs salary range and skills
10min

5. What tools you need for web development

10min

6. How to setup your code editor

18min Resources

Section 2: Code files - Download here

1 / 1 | 1min

7. Download course files

1min Resources

Section 3: Basics of web development

3 / 3 | 23min

8. How does the internet works

9min

9. A big picture of web application

5min

10. Frontend backend and APIs

9min

Section 4: Learn HTML

7 / 7 | 1hr 44min

11. Download section files

1min Resources

12. What is HTML

13min

13. Emmet, headings and block vs inline

30min Resources

14. Tables and forms in HTML

27min Resources

15. Building a semantic HTML page

21min Resources

16. MultiMedia and ARIA in HTML

14min
 Quiz 1: A quiz on HTML

Section 5: Hands-On HTML Challenges

11 / 11 | 0min

Coding Exercise 1: Create a Simple Heading

Coding Exercise 2: Create a Paragraph with a Link

Coding Exercise 3: Create a Tooltip on Hover

Coding Exercise 4: Create a Button

Coding Exercise 5: Create an Unordered List

Coding Exercise 6: Create a Simple Table

Coding Exercise 7: Create a Form with Input Fields

Coding Exercise 8: Create a Form with a Dropdown Menu

Coding Exercise 9: Create an Image with Alt Text

Coding Exercise 10: Create a Hyperlink that Opens in a New Tab

Coding Exercise 11: Create a Progress Bar

Section 6: Learn about CSS

18 / 18 | 5hr 17min

17. Download section files

1min Resources

18. The current state of CSS

12min

19. You can write css at 3 places

14min Resources

20. Building a web project - Login page

27min Resources

21. Masterclass on CSS selectors

39min Resources

22. Box model, inline and block elements

11min Resources

23. Navbar project with Pseudo element

30min
 24. Twitter style navbar in CSS
14min

25. Dropdown navbars and positions

15min

26. Build a custom coming soon template Project

33min Resources

27. Flexbox Masterclass

24min

28. Meet grid layout in CSS - You will love it

19min Resources

29. Grid Masterclass

32min Resources

30. Assignment to build cards from codepen

7min

31. Breakpoints for mobile tablet and web

20min Resources

32. Hands on Bootstrap integration

18min Resources

33. Assignment - Build a complete page with this design

4min Resources

Quiz 2: A quiz on CSS

Section 7: Hand-On CSS Challenges

10 / 10 | 0min

Coding Exercise 12: Change Text Color

Coding Exercise 13: Style a Button

Coding Exercise 14: Add a Dashed Border with Border Radius

Coding Exercise 15: Styling Text with Font Properties

Coding Exercise 16: Create a Box with Padding and Margin

Coding Exercise 17: Create a Circle Using Border Radius

Coding Exercise 18: Add a Box Shadow to an Element

Coding Exercise 19: Positions In CSS

 Coding Exercise 20: Create a Responsive Flexbox Layout

Coding Exercise 21: Create a 3x3 Grid Layout

Section 8: Learn Tailwind CSS

8 / 8 | 2hr 1min

34. Download section files

1min Resources

35. How to install tailwind 4 in vite and nextjs

16min

36. Tailwind setup with CDN and NodeJS

27min Resources

37. Production ready login screen project

21min Resources

38. Full potential of tailwind css

10min

39. How to build responsive design in tailwind

13min

40. Build any layout with Tailwind - Masterclass

34min

Quiz 3: A quiz on Tailwind

Section 9: Hands-On TailwindCSS Challenges

8 / 8 | 0min

Coding Exercise 22: Style A Button with Tailwind CSS

Coding Exercise 23: Center a Div Using Flexbox

Coding Exercise 24: Create a Basic Grid Layout

Coding Exercise 25: Apply Box Shadow to a Card Using Tailwind CSS

Coding Exercise 26: Create a Donut Shape Using Tailwind CSS

Coding Exercise 27: Add Blur Effect to an Image

Coding Exercise 28: Create a Gradient Colored Button Using Tailwind CSS

Coding Exercise 29: Create a Rotating Square Box Using Tailwind CSS
Section 10: Learn JS Foundation
17 / 17 | 5hr 9min

41. Download section files

1min Resources

42. Javascript story - from console to v8 engine

12min

43. How javascript executes the code - Behind the scene

13min Resources

Quiz 4: A mini JS quiz

44. Datatypes, variables and constants in Javascript

25min

45. Operations in javascript

21min

46. Primitives in javascript

23min

47. Non Primitives in javascript

21min

48. Five challenges on conditions in javascript

19min

49. Facing ten challenges in Array and methods

35min Resources

Quiz 5: A quiz on Array

50. Introduction to loops in javascript

21min

51. Defeat 6 loop challenges in Javascript

26min

52. Ten loop challenges to learn all kind of loops in javascript

48min

Quiz 6: A quiz on Loops

53. Function, arrow function, THIS and context in javascript

26min

54. Higher order function and nested functions in javascript

20min
Section 11: Hands-On JS Foundation Challenges
6 / 6 | 0min

Coding Exercise 30: Playing with Types

Coding Exercise 31: Playing with Variables

Coding Exercise 32: Arrays and Methods

Coding Exercise 33: Loops

Coding Exercise 34: Higher-Order Functions and Arrow Functions

Coding Exercise 35: Nested Functions and Context

Section 12: Javascript - OOPS

6 / 6 | 1hr 37min

55. Download section files

1min Resources

56. A masterclass on prototypes in javascript

28min

57. Functional constructor and Errors

18min

58. Classes Objects and inheritance in javascript

20min

59. Encapsulation, Polymorphism, Abstraction and getters setters

30min

Quiz 7: An OOP quiz in javascript

Section 13: Hands-On Javascript - OOPS Challenges

4 / 4 | 0min

Coding Exercise 36: Prototypes in JavaScript

Coding Exercise 37: Functional Constructor and Errors

Coding Exercise 38: Classes, Objects, and Inheritance

Coding Exercise 39: Encapsulation, Polymorphism, Abstraction, and Getters/Setters

Section 14: Javascript in Browser - DOM and BOM

4 / 4 | 1hr 30min
 60. Download section files

1min Resources

61. DOM and BOM basics in javascript

21min

62. Solving 5 challenges of DOM

35min

63. DOM finale with 5 more challenges

34min

Section 15: Advanced JS

10 / 10 | 1hr 18min

64. Download section files

1min Resources

65. Asynchronous Javascript with event loop

18min

66. Closures in javascript

5min

67. Promises and promise chaining

13min

68. Prototypal Inheritance in javascript

4min

69. THIS and binding context

5min

70. Aync-await and Promise all

15min

71. Iterator and generators in javascript

7min

72. ES6 Modules and CommonJS

11min

Quiz 8: Quiz on advance topics of Javascript

Section 16: Hands-On Advanced JS Challenges

6 / 6 | 0min

Coding Exercise 40: Asynchronous JavaScript with Event Loop

Coding Exercise 41: Closures in JavaScript

 Coding Exercise 42: Prototypal Inheritance in JavaScript

Coding Exercise 43: THIS and Binding Context

Coding Exercise 44: Async-Await and [Link]

Coding Exercise 45: Iterators and Generators in JavaScript

Section 17: Projects in JS

14 / 14 | 3hr 2min

73. Download section files

1min Resources

74. Demo of project 1 - Todo with local Storage

5min

75. Add a task in array

10min

76. Handling local storage and DOM event

10min

77. Event bubbling and CRUD operations

19min

78. Demo of API handling project

5min

79. Handle any type of API in your code

37min

80. Demo of Project 3 Ecommerce app

2min

81. Building ecommerce cart page

27min

82. Project 3 assignment

2min

83. Demo of project 4 Expense Tracker

3min

84. Expense tracker with localstorage and event deligation

31min

85. Demo of project 5 - quiz application

4min
 86. Building a complete quiz app
28min

Section 18: Git and Github | Master version control

10 / 10 | 3hr 43min

87. Introduction to GIT series

6min

88. Git init and hidden folder

17min

89. Git commits and logs

17min

90. Git internal working and configs

28min

91. Git merge and git conflicts

40min

92. Git Diff and stashing

28min

93. Git rebase is not that scary

22min

94. Insight of pushing code to github

41min

95. How to make Pull Request and Open Source contribution

25min

Quiz 9: A quiz on GIT & Github

Section 19: Journey of Backend with NodeJS and Projects

5 / 5 | 1hr 42min

96. Download section files

1min Resources

97. Backend - NodeJS LibUV and source code

19min

98. Handling files in Nodejs as Project

21min Resources

99. Build your own Nginx server with NodeJS

36min Resources
 100. Event Driven Architecture - Build your own logger

26min Resources

Section 20: Introduction to Databases

3 / 3 | 29min

101. Introduction to databases

11min

102. SQL vs NOSQL Databases

9min

103. A Quick tour of MongoDB

10min

Section 21: Building a complete Backend - New addition

38 / 38 | 6hr 44min

104. Download section files

1min Resources

105. Why this new section is here on Backend

3min

106. Building a fresh Backend project

5min Resources

107. Importance of Project requirement document

9min

108. Preparing node project for backend

7min

109. Add prettier and git to the code base

9min

110. Auto restart your server

6min

111. Dot env files on backend

8min

112. A professional project structure

8min

113. Setup of basic express server

10min

114. Introducing postman for API testing

 8min

115. Separation of app with index

5min

116. Express configuration and CORS

13min

117. Standard ApiResponse and API errors

11min

118. Keeping data in constants

6min

119. How to connect with mongoDB

7min

120. A guide on mongodb Atlas connection

10min

121. Write a healthcheck controller and routes

14min

122. Catch errors better with async Handlers

10min

123. Learn to write user schema in mongoose

19min

124. Hash the password with pre hooks of mongoose

8min

125. Learn to handle mongoose methods

5min

126. What are JWT Tokens

8min

127. Theory behind Access token and refresh token

10min

128. Code for access and refresh token with crypto module
16min

129. How to generate email templates

10min

130. How to send emails in nodejs

15min

131. How to register a user

26min
 132. Routers for registering a user
4min

133. Test register route with postman

6min

134. Writing custom validations

21min

135. Login user with tokens and cookie data

16min

136. Login validation and testing

5min

137. Write auth middleware

15min

138. How to securely logout a user

9min

139. Refresh Access token and resend verification email

26min

140. All password related controllers like forgot password and reset password
19min

141. All routes and validators of auth

17min

Section 22: Mega project in backend with MongoDB

23 / 23 | 8hr 52min

142. Download section files

1min Resources

143. Complete backend series - Launch

11min

144. Building web server with node and bun

25min Resources

145. Express crash course with postman testing

53min Resources

146. Write tests and documentation with Postman and deployment

29min Resources

147. Advance logging with morgan and winston

 18min

148. From idea to Database design

39min

149. Database design for videoTube

10min

150. Backend project structure

20min

151. Connect database professionally in MERN

30min

152. Standarized error and response from server in MERN

14min

153. Healthcheck routes and testing with postman

16min

154. A guide to build models in MongoDB with aggregation plugin

27min

155. Hooks and methods in mongoose with JWT

23min

156. How to handle files in MERN application

22min

157. Registration with Ultimate debugging and refractoring

1hr 2min

158. How to write login controller in MERN backend

20min

159. How to generate new refresh token in MERN backend

19min

160. How to write middleware in MERN backend

24min

161. Practice CRUD in MERN backend

22min

162. How to get complex data with aggregation pipeline in MongoDB

29min

163. A postman assignment for you in routes

13min

164. Mega backend project assignment

6min
Section 23: MongoDB advance aggregation pipelines
8 / 8 | 1hr 58min

165. Download section files

1min Resources

166. MongoDB agreegation setup

20min

167. Grouping in MongoDB

25min

168. Group sum and more

13min

169. Dealing with arrays in aggregation

14min

170. Match and project pipeline

16min

171. Match all operators of aggregation

21min

172. Lookup in MongoDB aggregation

10min

Section 24: A mega course on React with projects - 10 projects

15 / 15 | 7hr 33min

173. Download section files

1min Resources

174. React Roadmap

19min

175. Create react projects

23min

176. Understand the react flow and structure

27min

177. Create your own react library and JSX

31min

178. Why you need hooks and project

19min
 179. Virtual DOM, Fibre and reconciliation
14min

180. Tailwind and Props in reactjs

27min

181. Building a react project bgChanger

18min

182. useEffect, useRef and useCallback with 1 project

40min

183. Custom hooks in react | Currency Project

53min

184. React router crash course

56min

185. 12 Context API in react | get the concept

29min

186. Build a dark mode light mode in reactjs with context api
29min

187. Context API with local Storage

1hr 8min

Section 25: Build a full stack Authentication system with mongoDB in NextJS
6 / 6 | 3hr 57min

188. Download section files

1min Resources

189. Nextjs auth full stack

1hr 4min

190. Signup and login

1hr 2min

191. Middleware in nextjs

42min

192. User verification email in Nextjs

56min

193. NextJS Deployment to Vercel

13min

Section 26: Build a full stack QnA system with NextJS and Appwrite
9 / 9 | 3hr 53min
 194. Download section files

1min Resources

195. Building a stack overflow clone with [Link] and Appwrite

6min

196. Let's build Stack overflow with [Link] and Appwrite

9min

197. Appwrite and [Link] setup for full stack project

15min

198. Data modelling in Appwrite with Node SDK

38min

199. Zustand in [Link] with persistent storage

51min

200. Appwrite [Link] Zustand Auth crash course

30min

201. Handle User prefs in Appwrite

24min

202. Complex upvote and downvote, Review of components for stack overflow , Project
1hr

Section 27: Deploy

8 / 8 | 2hr 5min

203. Deploy - A series on deployment of code

20min

204. How to setup VPC for deployment

32min

205. How to configure ngnix on VPS for the 1st time

17min

206. How to add rate limiting in ngnix

12min

207. 05 How to configure domain to a VPS

5min

208. How to install SSL on ngnix on Ubuntu

8min

209. How to deploy node api with ngnix on VPS

17min
 210. Your own Vercel on VPS - Coolify
14min

Section 28: Building AI powered SAAS with NextJS, Prisma, NeonDB

10 / 10 | 3hr 9min

211. Download section files

1min Resources

212. Lets build an AI powered SAAS with [Link] and Cloudinary

9min

213. How to configure middleware for clerk auth

26min

214. How to setup clerk auth in [Link]

11min

215. Setup Prisma with NeonDB for your SAAS

22min

216. How to upload anything on cloudinary

37min

217. All that you need about Cloudinary [Link] image component
28min

218. How to handle video upload in [Link]

11min

219. Smart video preview with cloudinary AI

25min

220. 09 Final sum-up and future feature recommendation

19min

Section 29: Master SQL for web developers | MySQL and Postgresql
20 / 20 | 3hr 26min

221. Introduction to SQL for web developers

6min

222. SQL Terminologies

7min

223. MYSQL Postgresql and SQLite in real world

16min

224. How to install Postgresql on a local machine

10min
 225. A tour of PGAdmin 4 of postgresql
6min

226. MySQL and MySQL Workbench installation and Tour

10min

227. SQL extension for VSCode

9min

228. A Complete crash course on CRUD operation

31min

229. Entity Relationship diagrams in depth

25min

230. DDL - CREATE ALTER DROP TRUNCATE and RENAME

10min

231. DML - INSERT UPDATE DELETE and SELECT

6min

232. DCL - GRANT and REVOKE access to database

6min

233. TCL - BEGIN COMMIT ROLLBACK and SAVEPOINT

8min

234. DTO and DQL in sql

4min

235. First Normal Form of Database

10min

236. Second and Third Normal Form

8min

237. Concept of JOIN and INNER JOIN

16min

238. LEFT RIGHT OUTER and CROSS Joins are so easy now
5min

239. Aggregate Function and Inner queries

7min

240. Moving towards ORM - PRISMA and DRIZZLE

8min

Section 30: Event Driven Architecture- Full stack Project

9 / 9 | 4hr 22min

241. Download section files

 1min Resources

242. Lets build a SAAS starter template with Clerk and NextJS
12min

243. Event Driven Architecture - A guide on Clerk webhooks

13min

244. Handle NeonDB (Postgresql) with NextJS

35min

245. How to handle Custom Signup flow in Clerk

39min

246. Clerk Middleware guide for Role based access

36min

247. Crash course on Handling Webhooks - Clerk Webhooks

40min

248. A crash course on prima CRUD and pagination

48min

249. Handling API calls in frontend in NextJS

40min

Section 31: Master Fastify Framework by building a complete backend with Authentication
7 / 7 | 2hr 49min

250. Download section files

1min Resources

251. A complete backend project on Fastify

12min Resources

252. Reading Fastify docs together

16min

253. Fastify server and plugin ecosystem

23min

254. Building your own plugins in fastify

18min

255. User authentication and fastify jwt plugins with middleware

54min

256. Learn about streams in nodejs and Fastify file handling

47min
Section 32: secure LMS with Payment gateway for Senior developers
17 / 17 | 6hr 38min

257. A challenge for you in building logic

9min

258. Code files for challenge

1min Resources

259. Code files for solution

1min Resources

260. Building a secure LMS with payment gateway

6min

261. Development stagging and production mode

33min

262. Adding production level loggers and error handlers

18min

263. Protecting your application with sql xss and other attacks
27min

264. Handle database connection like senior dev

46min

265. Mongoose with virtuals and Hooks

48min

266. Course and lecture models with hooks and virtuals

25min

267. Indexing of document fields in mongodb

31min

268. multer cloudinary and jsonwebtokens

22min

269. Health check routes are important for AWS loadbalancers

17min

270. populate, middleware and virtual fields

39min

271. Centralised validations in backend

36min

272. Theory behind payment gateway integration

14min
 273. Razorpay order creation and verification
26min

Section 33: Docker and containers for web developers

13 / 13 | 2hr 12min

274. Download section files

1min Resources

275. Foundation of containers

7min

276. Containers Vs Virtual Machine

8min

277. Why developers should use containers

5min

278. Install Docker on Linux

8min

279. Install Docker on Mac

6min

280. Run your first container

8min

281. Docker cli commands

15min

282. Key Docker Concepts: Images, Containers, Dockerfiles

6min

283. Writing a Dockerfile and building a container image

33min

284. Managing containers: Running, Stopping, Removing

14min

285. Containerizing a simple [Link] app

14min

286. Docker multi-stage build

9min

Section 34: Farewell

1 / 1 | 1min

287. Farewell
1min
Section 35: Building a Vide code editor - NextJS + AI full stack project
32 / 32 | 10hr 38min

288. Download section files

1min Resources

289. Introduction to this project and why it exists

10min Resources

290. [Link] Setup Made Easy | Kickstart Your Fullstack Journey

14min

291. Initialize Prisma and Connect to MongoDB | Step by Step Guide

13min

292. [Link] Authentication Setup | Google & GitHub OAuth Guide

13min

293. Building Authentication Logic with Prisma Schema

16min

294. Implementing sign in jwt sessions

18min

295. Implementing sign in ui

15min

296. Implementing sign in ui part 2

2min

297. Implementing sign in ui part 3

5min

298. Landing page design

19min

299. Building a Dashboard UI

51min

300. Template selecting modal

31min

301. Playground Functionality 1

28min

302. Playground Functionality 2

6min

303. Playground Functionality 3

13min
304. File explorer part 1
57min

305. File explorer part 2

22min

306. monaco editor part 1

30min

307. Monaco editor part 2

15min

308. Monaco editor part 3

15min

309. Webcontainers part 1

56min

310. Webcontainers part 2

15min

311. IDE Features

34min

312. Ollama setup 1

4min

313. Ollama setup 2

4min

314. AI Module Part 1 - part a

39min

315. AI Module Part 1 - part b

19min

316. AI Module Part 1 - part c

25min

317. AI Module Part 2 - part a

19min

318. AI Module Part 2 - part b

25min

319. Assignment discussion

4min