Complete Web Developer
Program With MERN
Level 1 (60 Hours)
Level 2(60 Hours)
Program Objective :
To equip learners with industry-relevant technical skills and enhance their job readiness through project-based learning, hands-on tool exposure, and real-world application deployment, thereby preparing them for successful employment in core domain areas
Program Outcomes:
- Full-Stack Web Development Skills
- Real-Time Data Interaction
- RESTful API Development
- End-to-End Project Deployment
- Job-Ready Portfolio Projects
Project stream:
Integrating MongoDB with React, Node and Express JS. Deploy on the Server
Experiential Project Based Learning:
Web APP Development using MongoDB, React, Node and Express JS
Tools / Platform:
- Mongo DB IDE
- VS code IDE
Modules:
Level 1: Mongo and React JS: 60 Hours
- MongoDB
- Document-Oriented Data Model
- CRUD Operations
- Indexing and Aggregation
- React JS: Components
- Single Page Application
- API Integration
Level 2: Node JS and Express JS: 60 Hours
- Node JS: JavaScript Runtime Environment
- Built-in Modules & npm
- Non-blocking I/O
- Express JS: Routing
- Middleware
- Request and Response Handling
| Level 1: Mongo and React JS (60 Hours) | ||
|---|---|---|
| Module 1: MongoDB – 30 Hours | ||
| Mongo DB: Introduction To MongoDB, Advantages over RDBMS, MongoDB Data Types |
Install MongoDB MongoDB Data Modeling |
MongoDB Operators |
| Query & Projection Operator | MongoDB Update Operator | Aggregation Pipeline Stages |
| MongoDB limit () | MongoDB sort () | Database, Create Database, Drop Database |
| Collection, Create Collection, Drop Collection | CRUD: Documents | Query Documents SQL to MongoDB Mapping MongoDB text search |
| Module 2: React JS – 30 Hours | ||
| React Fundamentals + JSX + Components What is React? Why React? SPA concept |
Setting up React with create-react-app or Vite Folder structure walkthrough State and useState hook Event handling (onClick, onChange) |
Conditional rendering (if, ternary, &&) Hands-on: Lists, Forms, and Two-Way Binding |
| Rendering lists with .map() Keys in React |
Controlled components: input, textarea, select | Form handling basics Lifting state up Simple validation techniques |
| useEffect + API Integration + Component Communication | useEffect: Basic to advanced usage Lifecycle analogy in functional components |
Fetching data with fetch / axios Managing loading and error state Component communication (Parent-Child) Props drilling vs context (brief intro) |
| Level 2: Node JS and Express JS (60 Hours) | ||
| Module 3: Node JS – 30 Hours | ||
| Introduction To Node JS Why use Node JS What Can Node.js Do? |
Install Node JS Classes and Objects Global Objects |
Functions in Node Node JS Modules File System |
| Core Modules in Node JS | Node JS NPM | Events in Node JS Event Emitter |
| Object in Node JS | Node JS Upload files | Node JS Email |
| Module 4: Express JS – 30 Hours | ||
| Introduction to Express.JS Why use Express JS How does Express look like |
Install Express JS Postman Tool |
HTTP Methods: POST, GET, PUT, DELETE |
| Routing, Router, Dynamic Routes, Wild card Routes | URL Building | Middleware, Express Generator |
| Static Files | Templating | Form Data |
| Project: MERN | ||
| TaskEase Create, assign, track tasks; support deadlines, categories, and user authentication. |
QuickCart Product catalog, shopping cart, payment integration, admin panel for managing products. |
ChatterBox Private and group chats using WebSockets, with user profiles and message history. |
