Module 1: Introduction to Full Stack Development

• What is Full Stack Development?

• Understanding the Development Stack

• Overview of Frontend, Backend, and Databases

• Setting Up Development Environment (VS Code, Git, Browser DevTools)

Module 2: HTML & CSS – The Basics of Web Design

• HTML5 Structure and Tags

• CSS3 Styling, Selectors, and Properties

• Flexbox and Grid Layouts

• Responsive Design Principles

• Simple Portfolio Page Project

Module 3: JavaScript – Programming the Web

• Variables, Data Types, Operators

• Functions, Loops, and Conditionals

• DOM Manipulation and Events

• JavaScript ES6+ Features (let/const, arrow functions, template literals)

• Mini UI Interactivity Projects

Module 4: Advanced JavaScript & Fetch API

• Arrays, Objects, and Higher-Order Functions

• JSON and Asynchronous JavaScript

• API Integration using Fetch

• Error Handling and Promises

• Small Weather App Project (with API)

Module 5: Frontend Framework – React.js

• Introduction to React and JSX

• Components, Props, and State

• React Lifecycle and Hooks (useState, useEffect)

• Routing with React Router

• Building a Multi-Page Frontend Project

Module 6: Version Control with Git & GitHub

• Git Basics: Init, Add, Commit

• GitHub Repositories and Collaboration

• Branching, Merging, and Pull Requests

• Real-world Project Tracking with Git

Module 7: Backend Development – Node.js & Express

• Understanding Node.js Architecture

• Building a Server with Express.js

• Routes and REST APIs

• Working with Middleware

• Building a Backend API for the Frontend App

Module 8: Database Management – MongoDB

• Introduction to NoSQL and MongoDB

• CRUD Operations

• Mongoose ODM Basics

• Connecting MongoDB to Express Backend

Module 9: User Authentication & Authorization

• Understanding Authentication vs Authorization

• JWT (JSON Web Token) Implementation

• Password Hashing with bcrypt

• Role-based Access Control

• Building Secure Login and Registration

Module 10: Deployment & Final Project

• Preparing App for Deployment

• Hosting Frontend (Netlify, Vercel)

• Hosting Backend (Render, Railway)

• Connecting Frontend and Backend

• Final Capstone Project: Full Stack Application (e.g., Blog, eCommerce, Task Manager)