🧩 Week 1 – Introduction to HTML (Frontend Foundation)
Goal: Understand the basics of HTML and structure simple static web pages.
📆 Day 1: Web Basics + Introduction to HTML
| Time | Topic | Type |
|---|
| 00:00–00:20 | What is Internet & Web | Theory |
| 00:20–00:50 | What is Web Development (Frontend vs Backend) | Theory |
| 00:50–01:10 | Role of HTML in Web Dev | Theory |
| 01:10–01:40 | Writing First HTML Page | Practical |
| 01:40–02:00 | Practice Task: Create “Hello World” Page | Practical |
📆 Day 2: HTML Tags, Headings, Paragraphs
| Time | Topic | Type |
|---|
| 00:00–00:30 | HTML Boilerplate, Doctype, Meta Tags | Theory |
| 00:30–01:00 | Headings, Paragraphs, Line breaks | Practical |
| 01:00–01:20 | Comments and Whitespace | Theory |
| 01:20–01:50 | Hands-on Practice | Practical |
| 01:50–02:00 | Q\&A and Revision | Recap |
📆 Day 3: Lists, Tables, Links
| Time | Topic | Type |
|---|
| 00:00–00:20 | Ordered & Unordered Lists | Theory |
| 00:20–00:50 | HTML Tables: `table`, `tr`, `td`, `th` | Practical |
| 00:50–01:20 | Hyperlinks: internal, external, anchor | Practical |
| 01:20–01:50 | Project: Create a restaurant menu | Practical |
| 01:50–02:00 | Summary + Quiz | Assessment |
📆 Day 4: Forms and Input Types
| Time | Topic | Type |
|---|
| 00:00–00:30 | Form Tag & Input Elements | Theory |
| 00:30–01:00 | Input Types: text, email, number, radio, checkbox | Practical |
| 01:00–01:30 | Labels, Select, Textarea | Practical |
| 01:30–01:50 | Mini Form: User Registration | Practical |
| 01:50–02:00 | Debugging + Recap | Q\&A |
📆 Day 5: Multimedia in HTML
| Time | Topic | Type |
|---|
| 00:00–00:30 | Image Tag, Attributes (`alt`, `width`) | Practical |
| 00:30–01:00 | Embedding Audio & Video | Practical |
| 01:00–01:30 | Iframes (YouTube videos, Maps) | Practical |
| 01:30–01:50 | Task: Build a Multimedia Showcase Page | Practice |
| 01:50–02:00 | Group Discussion | Q\&A |
📆 Day 6: Mini Project – Resume Website
| Time | Topic | Type |
|---|
| 00:00–00:30 | Project Planning | Planning |
| 00:30–01:30 | Build Resume Website using HTML only | Practical |
| 01:30–02:00 | Review and Feedback | QA |
📆 Day 7: Recap + Quiz + Challenge
| Time | Topic | Type |
|---|
| 00:00–00:30 | Recap of Week 1 Topics | Theory |
| 00:30–01:00 | Quiz + MCQs | Assessment |
| 01:00–01:30 | Student Presentation (Resume Sites) | Demo |
| 01:30–02:00 | Feedback + Guidance for Week 2 | Mentoring |