Course Curriculum
Detailed Session Plan
| Session | Duration | Title | Key Topics | Activity / Project |
|---|---|---|---|---|
| 1 | 2h | Web & HTML Basics | Browser basics, headings, links, images | About Me page |
| 2 | 2h | Semantic HTML | Semantic tags, tables, media | Personal blog page |
| 3 | 2h | Forms | Inputs, validation, accessibility | Contact form |
| 4 | 2h | CSS Essentials | Selectors, colors, box model | Style previous pages |
| 5 | 2h | Flexbox Layout | display:flex, alignment | Landing page layout |
| 6 | 2h | Responsive Design | Media queries, mobile-first | Responsive website |
| 7 | 2h | Form Styling | Input styling, hover effects | Professional forms |
| 8 | 2h | JS Fundamentals | Variables, functions | Grade calculator |
| 9 | 2h | DOM & Events | querySelector, events | Theme toggle |
| 10 | 2h | Form Validation | Input validation | Registration validation |
| 11 | 2h | Mini App | JavaScript logic | To-do list / calculator |
| 12 | 2h | Capstone Project | Full integration | Portfolio website |
