Complete Full Stack Development Roadmap:
There are many frameworks for full stack but don’t confuse yourself ,
MERN gets your job done and it is great for projects.
Therefore the frameworks we will use are as follows:
1. Frontend -> [Link]
2. Backend -> [Link] + [Link]
3. Database -> MongoDB
Now let’s make a roadmap week by week and master Full Stack in 2
months.
Week 1 – HTML + CSS
Resources:
HTML and CSS - [Link]
CSS Flexbox and grid -
[Link]
After this practice:
-> Clone a simple landing page
-> build a portfolio page
Week 2 - Advanced CSS + Tailwind
Resources:
Tailwind CSS Crash Course -
[Link]
CSS animations - [Link]
IK0AVhVjP5iRPyoF1pKwX-7sEOwty4
Week 3 & 4 – JavaScript (Core + DOM)
Resources:
JavaScript full course - [Link]
ehJQ
Concepts to master -> Variables, functions, arrays and objects, ES6, DOM
manipulation, Fetch API
Practice -> To Do App, Weather app using API, Quiz App
Week 5 – Git + GitHub
Resources:
Git & GitHub Crash Course –
[Link]
After completing this, you should start practicing pushing your projects
that you made till now or try to work in group with your friends.
Week 6 – [Link] + Express
Resources:
Node & Express Full Course –
[Link]
Practice this-> Build a simple REST API
Connect it with your frontend
Week 7 – Database (MongoDB)
Resources:
MongoDB crash course -
[Link]
After this practice building a CRUD app with database.
Week 8 – Authentication + Deployment
Resources:
JWT Authentication -
[Link]
sAfajcsBQ
For deployment -
React → Deploy on Vercel
Backend → Deploy on Render
Full MERN App → Connect backend URL + frontend live site
After this you are good to go. Make one project only but make in such a
way that you understand each and every line of code and every step.
You’ve got this.