Scribd
Upload
194 views

Web Development Roadmap

This document outlines a roadmap for learning web development. It recommends starting with HTML, CSS, and JavaScript basics using free online videos. It then suggests reinforcing those basics and getting hands-on experience by building 8 projects. Next, it recommends learning React for the frontend and Express, MongoDB, and Node.js for the backend using specific courses. It provides contact information for mentors available to answer questions. The overall roadmap takes learners from introductory concepts through full-stack development.

Uploaded by

Chandra Mauli Sharma
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
194 views

Web Development Roadmap

This document outlines a roadmap for learning web development. It recommends starting with HTML, CSS, and JavaScript basics using free online videos. It then suggests reinforcing those basics and getting hands-on experience by building 8 projects. Next, it recommends learning React for the frontend and Express, MongoDB, and Node.js for the backend using specific courses. It provides contact information for mentors available to answer questions. The overall roadmap takes learners from introductory concepts through full-stack development.

Uploaded by

Chandra Mauli Sharma
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

Web Development Roadmap

framework, library, frontend, backend, full stack, freelance,


database, static, dynamic, deploy, server

NO CODE WITH HARRY


Step 1-
Option-1

HTML & CSS & JS-basics from Aman-Dhatarwal’s Channel

https://www.youtube.com/watch?v=Rek0NWPCNOc&list=PLfqMh
TWNBTe3H6c9OGXb5_6wcc1Mca52n&index=3

Option-2

HTML & CSS & JS-basics from Angela Yu (No backend)

https://freecourseudemy.com/the-complete-2022-web-developme
nt-bootcamp/

This step clears all your basics-1 video a day is enough...or 4


videos a week is also enough

For those who prefer website study than Video study can also
refer here HTML- https://www.w3schools.com/html/

CSS- https://www.w3schools.com/css/

JS- https://www.javatpoint.com/javascript-tutorial
Step-2 Gives you a much better understanding of HTML and
CSS

These videos are really short, mostly like a revision to what you
already understood in Step-1.
https://www.youtube.com/user/LearnWebCode/playlists

Step 3 Start JavaScript (Clear a myth :- JavaScript is


completely different from Java, you don’t need to know
Java to understand JavaScript they are completely
different)

JavaScript also has to be done from this same channel

https://www.youtube.com/user/LearnWebCode/playlists

Head over to 10 days of JavaScript playlist. It will clear your


basics.

Step 4
You can now finally go for the project making.

(make at least 8 projects)


https://www.youtube.com/watch?v=VuN8qwZoego&list=PLu8EoS
xDXHP6CGK4YVJhL_VWetA865GOH&index=2

This thing in the beginning will take time and will be confusing but
after 4-5 videos trust me you will start to get a feel of web
development.

MERN STACK

Frontend: -> React


1) React for the rest of us
2) React by Anthony
Refer Shivansh Verma & Ujjwal

Backend: -> Express, MongoDB, Nodejs


https://udemydownload.com/node-js-express-mongodb-more-the-complete-bootcamp-2021/

Refer Shivansh Joshi & Prakhar

For any query you can contact Shivansh Verma, Shivansh Joshi,
Ujjwal, Prakhar Srivastava, Paras .

You might also like