Scribd
Upload
40 views

WebDev Roadmap - Notes

The document outlines a roadmap for becoming a web developer including learning HTML, CSS, JavaScript, frameworks like React and TailwindCSS, and backend technologies like ExpressJS, MongoDB, and NextJS over 1-2 years. It recommends spending 1-1.5 months on JavaScript fundamentals and building 5 projects, and suggests learning MongoDB with Mongoose as the database.

Uploaded by

sdarifa200
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
40 views

WebDev Roadmap - Notes

The document outlines a roadmap for becoming a web developer including learning HTML, CSS, JavaScript, frameworks like React and TailwindCSS, and backend technologies like ExpressJS, MongoDB, and NextJS over 1-2 years. It recommends spending 1-1.5 months on JavaScript fundamentals and building 5 projects, and suggests learning MongoDB with Mongoose as the database.

Uploaded by

sdarifa200
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

WEB DEVELOPER ROADMAP

• HTML [1 week]
o HTML in One Video – English
o HTML in One Video – Hindi
• CSS [2 weeks]
o Be very Careful don’t spend too much time.
o Learn parallelly with HTML and JavaScript.
o Once you have learnt enough you can try: Sass, SCSS, Less; but I don’t recommend it.
Stick to the path of learning CSS and then TailwindCSS (later)
o CSS in One Video - Hindi
• JavaScript (Spend Good Amount of time) [1 - 1.5 Months]
o Learn basics.
o Learn Async nature of JS.
o Functions
o Promises & Callbacks
o APIs
o You can Refer to this course.
o You can also watch this one shot video.
• At this point polish your skills using projects like Weather app, Myntra Clone, Netflix clone,
Spotify Clone [Build 5 projects like this]
• Learn a CSS Framework
o Bootstrap
▪ Very user Friendly but Outdated designs. Here is a quick tutorial on Bootstrap.
o TailwindCSS [Recommended]
▪ It is modern and looks beautiful.
▪ Here’s a playlist for learning TailwindCSS.
• JavaScript Library
o React – Learn react using this course
▪ States
▪ Hooks
▪ Props
▪ Events
▪ React-Router-Dom
▪ Redux

BACKEND
• Backend - A lot of choices are there like: Django, Flask, FastAPI, PHP, Nest.js
o ExpressJS
▪ Request
▪ Response
▪ Middleware
▪ APIs
▪ ejs/pug [Optional]
• Database:
o Go for MongoDB as its syntax is JavaScript based (Recommended)
o Recommended with MongoDB is ORM like Mongoose/ Prisma
o Look into MongoDB Atlas & MongoDB Compass
o If you are working with SQL, look into MySQL + PHPMyAdmin
• Frameworks:
o NextJS is my recommendation. Learn following topics thoroughly:
▪ Routing
▪ Server Actions
▪ Middlewares
▪ Auth.js
▪ Dynamic Routing
▪ APIs
o Angular
• Additional Tools:
o Git and Github – Watch this video
o Llama – Watch this video to learn more about it
o GitHub CoPilot – Watch this video for a free alternative.

You might also like