Scribd
Upload
264 views10 pages

RoadMap Mern Stack

This document outlines a 13-week MERN stack roadmap that covers topics including HTML, CSS, JavaScript, TypeScript, Git, React, Node.js, Express, MongoDB, and building a MERN project. It includes topics covered each week, with specific technologies and concepts covered each day, such as HTML tags, CSS responsiveness, JavaScript variables, React components, Node.js servers, and building a final MERN project.

Uploaded by

نیان سیف باٹھ
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as XLSX, PDF, TXT or read online on Scribd
264 views10 pages

RoadMap Mern Stack

This document outlines a 13-week MERN stack roadmap that covers topics including HTML, CSS, JavaScript, TypeScript, Git, React, Node.js, Express, MongoDB, and building a MERN project. It includes topics covered each week, with specific technologies and concepts covered each day, such as HTML tags, CSS responsiveness, JavaScript variables, React components, Node.js servers, and building a final MERN project.

Uploaded by

نیان سیف باٹھ
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as XLSX, PDF, TXT or read online on Scribd
You are on page 1/ 10

MER

Week No. Topic Day 1

1 week HTML Tags / Elemnets/ DOM / Attributes


HTML / CSS

2 week Media Queries

JavaScript JS overview / Varaiables (Let, Var and


3 week
(Basics) Const)

JS ES6 features Scopes/ Hoisting /


4 week
Execution Context

JavaScript
(Advance)

Getting Familiar With TypeScript (Types,


5 week
Interface, Generics )

Git setup, CLI Commands(push, pull,


6 week Git & ReactJs
merge)

MUI components (typography, Buttons,


7 Week MUI
input feilds, forms, cards etc)
8 week Reusable components (Static and Dynamic)

React
(Advance)
Debugging and testing app with (react dev
9 week
tool)

NodeJS + NodeJS Overview, Event loop, Libraries and


10 Week
Express Packages (npm / yarn)

Database Overview (SQL vs NoSQL) / SQL


11 Week NodeJS Server
Queries

12 Week
MERN Project
13 Week

Instuctions
Green Color = Completed
MERN Stack Roadmap

Day 2 Day 3

List / Tables / id and class Forms / Video and Images Tags

CSS responsiveness Flexbox

Loops and Iterations / Expressions and


Datatypes (Primitive and non primitive)
Operators

Asynchoronus Function (Promises, call


Closures / Exception Handling
backs and High Order)

More TS concepts (Tuples, Enums,


Practice Project with HTML, C
Utilities)

Getting started with ReactJs (virtual dom/


JSX, props, components (Fragments)
react behaviour)

Layouts (Grid, Paper, Box, Container etc) Tables (Data Grid, lists)
Conditional rendering / spread and rest Json server / Conetxt API / React
operators Router

Getting Familar with NEXT JS (File


Practice Project with React Js
Structue, Routing, SSG)

Asynchronous Programming / Error Working with Files / Command Line


Handling App

NodeJS Server with Database (MySQL or MSSQL or PostgreSQL or MongoDB) /


CRUD operations

Last MERN Project (Guidlines to be provided)


Day 4 Day 5

CSS selectors / CSS properties / CSS


Pseudo Selectors (hover, focus etc)
layouts

Practice Project with HTML and CSS

Objects and Array methods


DOM manipulation with JS built in function
(map,filter,some etc)

Cookies and sessions / Forms


Git basic commands
(validations,get and post)

Practice Project with HTML, CSS and TS

Hooks (useState / useEffect /


React State and Event Handlers useCallback / useMemo /useRef /
useReducer)

Theming and Styling with MUI


Intro to redux Redux (reducers / actions / store)

Practice Project with React Js using MUI

Setup HTTP Server with Express.js / REST APIs (GET, POST, PUT, PATCH,
Routes, Controllers, Handlers, Middleware DELETE) / Postman Testing

Authentication (JWT) / Cookies / Schema Professional Code Practices


Validation (environment variables, etc)

be provided)

You might also like