1. Introduction to Web Development

• What is Web Development? (Front-end, Back-end, Full-stack)
• How websites work (HTTP/HTTPS, Domains, Hosting, Servers)
• Development environments & tools
• Basic workflow: Editor → Browser → Debugging

FRONT-END DEVELOPMENT

2. HTML (HyperText Markup Language)

Fundamentals

• HTML structure & syntax
• Headings, paragraphs, lists
• Links, images, tables
• Semantic HTML (header, nav, section, article, footer)

Forms & Inputs

• Input types, labels, form validation
• Accessibility basics (ARIA attributes)

3. CSS (Cascading Style Sheets)

Core Concepts

• Selectors, colors, units
• Box model
• Display types (block, inline, flex, grid)

Layout & Responsive Design

• Flexbox
• CSS Grid
• Media queries
• Responsive images

Advanced

• CSS variables
• Animation & transitions
• SASS/SCSS basics

4. JavaScript (Client-side Programming)

Basics

• Variables, datatypes
• Functions, loops, conditions
• Events & DOM manipulation

Intermediate

• ES6+ features
• Fetch API & AJAX
• JSON
• Modules

Advanced

• Async/Await
• Web Storage (localStorage, sessionStorage)
• Error handling
• Browser APIs

5. Front-End Frameworks & Libraries

• React (components, hooks, state management)
• Vue.js (optional alternative)
• Angular (optional alternative)

UI Libraries

• Bootstrap / Tailwind CSS
• Material UI (MUI)

BACK-END DEVELOPMENT

6. Server-Side Programming

Choose one (or more):

• Node.js with Express
• Python with Django / Flask
• PHP / Laravel
• Ruby on Rails
• Java / Spring Boot

Key Concepts

• Routing
• Middleware
• MVC Architecture
• Authentication & Authorization
• API development (REST APIs)

7. Databases

Relational Databases (SQL)

• MySQL / PostgreSQL
• CRUD operations
• Joins & relationships

NoSQL Databases

• MongoDB
• Documents, collections, aggregation

ORMs

• Sequelize, Prisma, Mongoose, Django ORM

FULL-STACK & ADVANCED TOPICS

8. Version Control & Collaboration

• Git basics (clone, commit, branch, merge)
• GitHub / GitLab workflows
• Pull requests & code reviews

9. Deployment & DevOps Basics

• Web hosting platforms (Netlify, Vercel, GitHub Pages)
• Server deployments (AWS, DigitalOcean, Firebase)
• CI/CD pipelines basics
• Docker basics

10. APIs & Web Services

• REST API
• GraphQL
• Authentication
• OAuth 2.0, JWT
• Payment gateways (Stripe, Razorpay)

11. Security Essentials

• OWASP Top 10
• XSS, CSRF, SQL Injection
• HTTPS, SSL certificates
• Password hashing, salting

12. Performance Optimization

• Caching (browser, CDN, server)
• Minification & compression
• Lazy loading
• SEO fundamentals

13. Projects & Portfolio Building

Beginner Projects

• Personal webpage
• Landing page
• Simple JavaScript app (Calculator, To-do list)

Intermediate Projects

• Blog with CMS
• Weather app (API-based)
• E-commerce UI

Advanced Projects

• Full-stack e-commerce platform
• Social network clone
• Real-time chat app (Web Sockets)