+91 98881-12947
+91 98882-12947
+91 99881-12947 (Reception)
contact@uiitedu.com
SCF 6 (2nd & 3rd Floor) , Phase 11, Mohali

Web Development (Full-Stack) Course

(Duration : 8 Months)

Monthly Fee: Rs. 6,500/- Rs. 4,500/-
Full Course: Rs. 48,000/- Rs. 28,900/-

Module 1: Introduction to Full Stack Web Development

What is Full Stack Development?
Difference between Front-End, Back-End, and Full Stack
Popular stacks: MERN, MEVN, MEAN
Tools and technologies overview
Development environments and setup:
- Node.js, npm
- VS Code, Git, GitHub
- MongoDB and Postman

Module 2: HTML – Structure of Web Pages

HTML document structure and boilerplate
Tags: headings, links, lists, images, tables
Forms: input types, labels, buttons, select
Semantic HTML5 elements: header, footer, article, etc.

Module 3: CSS – Styling Web Pages

CSS syntax: selectors, properties, values
Box Model: margin, padding, border
Positioning, Flexbox, and Grid
Responsive design: media queries
Pseudo-classes and pseudo-elements
Frameworks: Bootstrap and Tailwind basics

Module 4: JavaScript – Adding Interactivity

Variables, data types, operators
Functions, conditionals, loops
Arrays and objects
DOM manipulation and events
ES6+ features: let, const, arrow functions, spread, destructuring

Module 5: Advanced JavaScript Concepts

Closures, hoisting, scope
Promises, async/await
Callback functions
Event bubbling and delegation
LocalStorage and sessionStorage

Module 6: React.js – Modern Front-End Framework

Introduction to SPA and React
JSX syntax and components
Props and state
Event handling in React
Conditional rendering
Lists and keys
Forms in React

Module 7: React – Hooks and Advanced Concepts

useState, useEffect, useRef
Custom hooks
useContext and Context API
React Router for navigation
Lifting state up and prop drilling
Component lifecycle (functional components)

Module 8: Node.js and Express.js

Introduction to Node.js
Creating HTTP server with Node.js
Express.js setup and routing
Middleware in Express
RESTful API design
Error handling

Module 9: MongoDB and Mongoose

Introduction to NoSQL databases
CRUD operations with MongoDB
MongoDB Atlas cloud setup
Mongoose schemas and models
Data validation
Query building and population

Module 10: User Authentication & Authorization

Hashing passwords with bcrypt
JWT for secure authentication
Login/Registration APIs
Protecting routes
Role-based access control
Auth in React with tokens

Module 11: Full Stack Integration

Connecting React to Express API
Axios for API calls
Authentication flow (frontend ↔ backend)
Environment variables setup
Deployment environments

Module 12: Introduction to Next.js

Why use Next.js?
Pages and file-based routing
Static Generation vs Server-Side Rendering (SSR)
API routes in Next.js
Styling with CSS modules and Tailwind
Dynamic routing and 404 pages

Module 13: Building Full Stack Apps with Next.js

Creating API endpoints in /pages/api
Connecting MongoDB to Next.js
Auth with JWT or NextAuth
Using SWR/React Query for fetching data
Deploying on Vercel

Module 14: Version Control and Collaboration with Git

Git basics: init, add, commit, push, pull
Branching, merging, pull requests
GitHub repository management
Using .gitignore and .env securely

Module 15: Deployment and Hosting

Frontend:
- React apps to Netlify or Vercel
Backend:
- Express apps to Render/Railway
Full Stack:
- Deploying MERN apps
- Domain setup and environment management
- Using pm2, Nginx (intro)

Module 16: Testing and Debugging

Console and DevTools
Postman and API testing
Unit testing with Jest
Integration testing with Supertest
Debugging and logs

Project 1: Personal Portfolio Website (React + Tailwind)

Responsive design
Contact form integration
Hosted on Vercel/Netlify

Project 2: Blog Platform (MERN Stack)

CRUD blog posts
User authentication
MongoDB backend

Project 3: E-commerce Store (Next.js + MongoDB)

Product catalog and cart
Auth and admin dashboard
API routes and database integration
Payment (Stripe – optional)