Module 1: Introduction to Web Development

• What is Web Development?
• Difference between Frontend & Backend
• Client-Server Concepts
• Web Browsers & Editors (VS Code recommended)
• Folder Structure & Project Setup

Module 2: HTML (HyperText Markup Language)

• Structure of an HTML Document
• Headings, Paragraph, Line Breaks, Comments
• Text Formatting Tags (b, i, u, strong, em)
• Hyperlinks, Anchor Tags
• Images & Image Attributes
• Lists (Ordered & Unordered)
• Tables (thead, tbody, tr, th, td)
• Forms (Input, Select, Textarea, Submit)
• HTML5 Semantic Tags (header, nav, section, footer)

Module 3: CSS (Cascading Style Sheets)

• Inline, Internal & External CSS
• Selectors (Class, ID, Tag, Universal)
• Borders, Padding, Margin & Box Model
• Background Images, Colors & Gradients
• Font Style, Font Family & Text Effects
• Display & Visibility
• Positioning (Absolute, Relative, Fixed, Sticky)
• Flexbox Layout (Very Important)
• CSS Hover & Transition Effects

Module 4: CSS Framework (Bootstrap / Tailwind CSS)

(आपके Institute के अनुसार कोई एक चुन सकते हैं)

If Using Bootstrap

• Bootstrap Grid System
• Containers, Rows & Columns
• Buttons, Alerts, Cards, Navbar, Carousel
• Responsive Layout Design

If Using Tailwind CSS

• Utility Classes
• Spacing, Typography & Background Utilities
• Flexbox & Grid in Tailwind
• Responsive Utility Variants
• Building Modern UI with Tailwind

Module 5: JavaScript (Client-Side Programming)

• Variables (var, let, const)
• Data Types & Operators
• Conditional Statements (if, else, switch)
• Loops (for, while, do-while)
• Arrays & Array Methods
• Functions (normal & arrow function)
• DOM Manipulation (getElementById, querySelector)
• Events (click, change, mouseover)
• Form Validation (required / patterns)
• Alert, Prompt, Confirm
• Animated / Interactive UI Features

Module 6: Project Development

Students will create Fully Responsive and Interactive Website, Example:

• Portfolio Website
• Coaching/Institute Website
• School Management Website Design
• Business / Shop / Company Website Homepage
• Restaurant or Travel Website

Module 7: Hosting & Deployment

• Exporting Website Files
• Free Hosting Using GitHub Pages / Netlify
• Website Publishing Steps