MERN Stack Road Map

Web Dev Foundations

### week 1 (HTML)
    https://www.youtube.com/watch?v=qz0aGYrrlhU&pp=ygUUaW50cm9kdWN0aW9uIHRvIGh0bWw%3D
    https://www.youtube.com/watch?v=dD2EISBDjWM&list=PLr6-GrHUlVf_ZNmuQSXdS197Oyr1L9sPB
### week 2 (CSS)
    https://www.youtube.com/watch?v=3elGSZSWTbM&list=PL4-IK0AVhVjNMUcnzWixthjBKlOMgh-q4
### week 3 (CSS)
    https://www.youtube.com/watch?v=mU6anWqZJcc
    https://css-tricks.com/snippets/css/complete-guide-grid/
    https://www.youtube.com/watch?v=p3_xN2Zp1TY
    https://www.w3schools.com/howto/howto_js_sidenav.asp
### week 4 (JavaScript)
    https://www.youtube.com/watch?v=W6NZfCO5SIk&pp=ygUXamF2YXNjcmlwdCBjcmFzaCBjb3Vyc2U%3D
### week 5 (JavaScript DOM)
    https://www.youtube.com/watch?v=5fb2aPlgoys&pp=ygUbamF2YXNjcmlwdCBkb20gY3Jhc2ggY291cnNl
    https://www.youtube.com/watch?v=y17RuWkWdn8&pp=ygUbamF2YXNjcmlwdCBkb20gY3Jhc2ggY291cnNl
    https://www.youtube.com/watch?v=0ik6X4DJKCc
### week 6 (capstone Project)
### week 7 (capstone Project)
### Optional: Tailwind CSS
### week 8 (css preprocessor SASS)

Industry Tools

### git and GitHub
### Figma
### introduction to UI/UX

Frontend Web Dev

### week 9 (React)
    
### week 10 (React)

### week 11 (capstone Project)
### week 12 (capstone Project)

optional

### Backend Roadmap 
    https://www.youtube.com/watch?v=CVgzp2vfePs

Design

system design
design pattern

Backend Web Dev

### week 13 (Database Sql)
### MongoDB
### week 14 (NodeJs)
### week 15 (Node JS & Express)
    https://www.youtube.com/watch?v=f2EqECiTBL8
### week 16 (capstone Project)
### week 17 (capstone Project)

### react login
    https://youtu.be/brcHK3P6ChQ?si=WODOV_OMez7XN9gZ

Full Stack Web Dev

### MERN Stack
### Next.js

full road map

https://courses.davegray.codes/view/courses/web-dev-roadmap-for-beginners/1702744-recommended-free-tools/5378963-browser