1️⃣ FRONTEND DEVELOPMENT

HTML5

• Structure of webpage
• Tags, Elements, Attributes
• Forms & Validation
• Semantic HTML
• Media (audio/video)
• Tables, Lists, Iframes

CSS3

• Selectors, Box Model
• Flexbox, Grid
• Colors, Backgrounds, Shadows
• Responsive Design
• Animations & Transitions
• Media Queries
• Modern layouts

Bootstrap / Tailwind

• Ready-made components
• Grid system
• Utilities
• Responsive UI

JavaScript (Core + Advanced)

• Variables & Data Types
• Operators, Loops, Conditions
• Arrays & Objects
• Functions & Arrow Functions
• DOM Manipulation
• Events & Event Handling
• JSON
• LocalStorage & SessionStorage
• ES6+ Concepts (let/const, promises, async/await)

React.js

• Components
• Props & State
• JSX
• Hooks (useState, useEffect, useRef)
• Routing
• API Integration (fetch/axios)
• Redux Basics / Context API
• Deploying React Apps

2️⃣ BACKEND DEVELOPMENT

Node.js

• Node basics
• npm packages
• Working with modules
• File system
• Event loop

Express.js

• API development
• Routing system
• Middleware
• Authentication (JWT)
• Error handling

REST API Development

• GET, POST, PUT, DELETE
• Sending & receiving JSON
• Postman testing

3️⃣ DATABASE

MongoDB (NoSQL)

• Collections & Documents
• CRUD operations
• Mongoose
• Relationships
• Aggregation

MySQL (Optional)

• Tables, Keys
• Joins
• Queries

4️⃣ FULL STACK INTEGRATION

• Connecting frontend with APIs
• Axios / Fetch
• State management
• Secure login / signup
• Role-based access

5️⃣ VERSION CONTROL – GIT & GITHUB

• Git commands
• Repository creation
• Branching
• Pull/Push
• Merge & Pull Request

6️⃣ DEPLOYMENT

• Deploy Frontend (Netlify, Vercel)
• Deploy Backend (Render, Railway)
• Database hosting (MongoDB Atlas)

7️⃣ DEVELOPMENT TOOLS

• VS Code
• Postman
• Browser DevTools
• NPM
• GitHub

8️⃣ REAL-LIFE PROJECTS

Students will build:

• ✔ Personal Portfolio Website
• ✔ Business Website
• ✔ Blog Application
• ✔ Login/Signup System with JWT
• ✔ To-Do App with Database
• ✔ E-Commerce Website (Full Stack)
• ✔ Admin Dashboard (React + API)