Beginner → Advanced → Professional Level
| Time | Activity |
|---|---|
| 6:00 AM – 8:00 AM | Reading, concepts, deep understanding |
| 8:10 AM – 9:10 AM | Homework, practice, projects |
| Week | Topics | Deep Explanation | Where to Use |
|---|---|---|---|
| Week 1 | HTML basics, tags, links, images, lists | Learn structure of web pages and how browsers read HTML | All websites |
| Week 2 | Forms, tables, semantic HTML | Understand meaningful tags and user input handling | SEO, accessibility, forms |
| Week 3 | SEO, accessibility, best practices | Optimize HTML for search engines and screen readers | Professional websites |
| Week | Topics | Explanation | Usage |
|---|---|---|---|
| Week 4 | Selectors, colors, box model, fonts | Basic styling and layout control | Design & UI |
| Week 5 | Flexbox, Grid, positioning | Create responsive and modern layouts | Layouts & components |
| Week 6 | Media queries, animations, best practices | Mobile-first design and smooth UX | Production websites |
| Week | Topics | Explanation | Usage |
|---|---|---|---|
| Week 7 | Variables, functions, events | Basic logic and interaction | Dynamic websites |
| Week 8 | DOM, arrays, objects | Manipulate page content dynamically | Interactive UI |
| Week 9 | Async JS, fetch API, localStorage | Work with APIs and async data | Real-world apps |
| Week | Topics | Explanation | Usage |
|---|---|---|---|
| Week 10 | Components, JSX, props, state | Component-based UI development | Single Page Apps |
| Week 11 | Hooks, forms, conditional rendering | Advanced UI logic | Complex interfaces |
| Week 12 | Routing, API integration, optimization | Build scalable React apps | Production apps |
| Week | Technology | Topics | Usage |
|---|---|---|---|
| Week 13 | API | REST, JSON, authentication | Client-server communication |
| Week 14 | Git & GitHub | Version control, collaboration | Team projects |
| Week 15 | SQL | Tables, joins, queries | Relational databases |
| Week 16 | MongoDB | Documents, collections | NoSQL databases |
| Week 17 | Website Structure | Folder structure, architecture | Scalable projects |