1. Introduction to Web Development

• Understanding the web ecosystem: client, server, and database
• Overview of front-end, back-end, and full-stack development
• Understanding domain, hosting, and deployment process
• Setting up a development environment (VS Code, Git, Browser DevTools)

2. HTML5 (Structure & Semantics)

• Introduction to HTML and webpage structure
• Elements, attributes, and semantic tags
• Lists, tables, forms, multimedia embedding
• SEO-friendly structure and accessibility best practices
• Hands-on: Create a multi-page website structure

3. CSS3 (Design & Styling)

• CSS syntax, selectors, and properties
• Box model, positioning, and layout techniques
• Responsive web design using Flexbox and Grid
• Introduction to animations, transitions, and media queries
• Using external stylesheets and CSS variables
• Hands-on: Build and style a responsive landing page

4. JavaScript (Logic & Interactivity)

• Variables, data types, and operators
• Conditional statements and loops
• Functions, events, and DOM manipulation
• Arrays, objects, and JSON
• ES6+ features: let/const, arrow functions, template literals, destructuring
• Form validation and event handling
• Hands-on: Create interactive UI components (slider, form validation, etc.)

5. Version Control with Git & GitHub

• Introduction to Git and version control concepts
• Common commands: init, add, commit, push, pull, branch, merge
• Collaborating with GitHub repositories
• Managing versions and working with remote repositories
• Hands-on: Host project on GitHub Pages

6. Front-End Framework – React.js

• Introduction to React and component-based architecture
• JSX syntax and rendering elements
• Props, State, and Lifecycle methods
• Handling events and forms in React
• Using Hooks (useState, useEffect)
• Routing using React Router
• State management using Context API or Redux (optional)
• Hands-on: Build a dynamic single-page application (SPA)

7. Responsive Design & UI Libraries

• Bootstrap and Tailwind CSS for rapid UI development
• Material UI and shadcn/ui introduction (optional advanced topic)
• Creating responsive and mobile-friendly layouts
• Theme customization and dark mode implementation
• Hands-on: Portfolio website with responsive design

8. Back-End Development with Node.js & Express.js

• Introduction to Node.js and npm (Node Package Manager)
• Setting up a web server using Express.js
• Understanding RESTful APIs
• Middleware and routing concepts
• Handling requests, responses, and error management
• Hands-on: Build REST API for a web application

9. Database Management (MongoDB / MySQL)

• Introduction to databases and data models
• CRUD operations (Create, Read, Update, Delete)
• Understanding collections, documents, and schema design (MongoDB)
• Introduction to relational databases and SQL basics (MySQL)
• Connecting databases with Node.js applications
• Hands-on: Build a full-stack CRUD application

10. Authentication & Authorization

• User registration and login functionality
• Password encryption (bcrypt, hashing concepts)
• Implementing JWT (JSON Web Tokens) for authentication
• Role-based access control and session management
• Hands-on: Secure login and dashboard module

11. API Integration & Advanced Concepts

• Consuming third-party APIs in front-end
• Building and testing RESTful APIs
• Fetch, Axios, and Async/Await
• Error handling and data validation
• Introduction to GraphQL (optional)
• Hands-on: Integrate weather/news/payment API in a project

12. Deployment & Hosting

• Understanding environment variables
• Hosting front-end and back-end applications (Vercel, Render, Netlify)
• Connecting domain and SSL setup
• CI/CD basics and version deployment
• Hands-on: Deploy a full-stack web application

13. Capstone Project – End-to-End Application

• Building a real-world project from scratch (e.g., E-commerce, Blog, Portfolio)
• Planning architecture, UI/UX wireframe, and database schema
• Implementing full CRUD operations, authentication, and API integration
• Deploying live and maintaining source control on GitHub
• Presentation and feedback session

14. Additional Tools & Concepts

• Postman for API testing
• npm package management
• Introduction to cloud database hosting (MongoDB Atlas / Firebase)
• Fundamentals of Web Security (CORS, HTTPS, Input validation)
• Introduction to DevOps basics

15. Career Readiness & Soft Skills

• Resume and portfolio building for web developers
• GitHub project showcasing and LinkedIn optimization
• Mock interviews and project presentations
• Freelancing and job opportunities guidance