Description

Module 1: Introduction to Web Development

• What is Web Development?

• Frontend vs Backend vs Full Stack

• Overview of Web Browsers & Servers

• Tools Setup: VS Code, GitHub, Browsers

 Module 2: HTML (HyperText Markup Language)

• Structure of HTML Document

• Tags, Elements, and Attributes

• Forms and Tables

• Semantic HTML

 Module 3: CSS (Cascading Style Sheets)

• Inline, Internal, and External CSS

• Box Model, Positioning, Flexbox, Grid

• Responsive Design using Media Queries

• CSS Frameworks: Bootstrap / Tailwind CSS

 Module 4: JavaScript (JS) – The Programming Language of the Web

• Variables, Data Types, Operators

• Functions, Loops, Conditional Statements

• DOM Manipulation

• Events and Event Handling

• Basic Form Validation

 Module 5: Version Control with Git & GitHub

• Git Basics: init, add, commit, push

• Branches and Merging

• Collaborating using GitHub

 Module 6: Advanced JavaScript

• ES6 Features: let/const, arrow functions, template literals, destructuring

• Array methods: map, filter, reduce

• Callbacks, Promises, Async/Await

• Fetch API & JSON

Module 7: Frontend Framework – React (or Vue/Angular)

• Components & Props

• State & Lifecycle

• Routing with React Router

• API Integration

• Building a Mini Project

 Module 8: Backend Development – Node.js & Express.js

• Intro to Node.js

• Building Server with Express

• Routing, Middleware

• REST APIs

Module 9: Database – MongoDB

• Basics of NoSQL Databases

• CRUD Operations

• Connecting MongoDB with Node.js using Mongoose

 Module 10: Deployment & Hosting

• Environment Variables

• Deploying on platforms like Netlify, Vercel (Frontend)

• Deploying Backend with Render or Railway

• Connecting Frontend + Backend

Capstone Projects

• Personal Portfolio Website

• Blog App / Task Manager / E-commerce Clone

• Full Stack CRUD App

Requirements