📘 70-Day Roadmap: Web Development (Angular Stack) + Data Analysis (With Projects)
🌐 Web Development Track (3 Hours/Day)
🔹 Days 1–15: HTML + CSS (Responsive UI)
HTML Topics - Structure: html, head, body, meta - Text: h1–h6, p, span, strong - Lists & Tables: ul, ol, table,
thead, tr, td - Forms: input, label, radio, checkbox, select - Media: img, video, iframe - Semantic HTML +
Accessibility
CSS Topics - Selectors, Box Model - Flexbox, Grid - Colors, Fonts - Positioning - Responsive Design (Media
Queries)
Mini Projects (HTML + CSS) 1. Personal Portfolio Website (1 Page) 2. Responsive Product Landing Page
(Flexbox) 3. Mobile-Friendly Registration Form 4. Pricing Table UI (Using Grid)
🔹 Days 16–30: JavaScript + TypeScript
JavaScript (Days 16–25) - Variables, Functions, Conditions, Loops - Arrays, Objects, Events - DOM
Manipulation - fetch API, JSON
JS Projects 1. To-Do List (Add/Delete/Mark) 2. Calculator UI (DOM-based) 3. Weather App (using
OpenWeatherMap API) 4. Simple Quiz App (MCQs)
TypeScript (Days 26–30) - Types, Arrays, Tuples - Interfaces, Type Aliases - Functions, Enums - Classes &
Inheritance
TS Projects 1. Contact Form Validator (Using TS) 2. Task Manager App (Convert from JS to TS) 3. Budget
Tracker App
🔹 Days 31–60: Angular Core + Intermediate
Angular Core (31–40) - Angular CLI, File Structure - Components, Modules - Data Binding (One/Two Way) -
Directives, Pipes - Routing (routerLink, router-outlet)
Angular Intermediate (41–60) - Services, Dependency Injection - HTTP Client (GET, POST) - Observables &
RxJS - Angular Forms (Reactive + Template-driven) - CRUD App Project (Create, Read, Update, Delete)
Angular Projects 1. Blog Post App (Routing + Services + API) 2. Student Management System (CRUD) 3.
Simple Expense Tracker (Reactive Forms) 4. Online Course Dashboard (Routing + API)
1
🔹 Days 61–70: Angular Final Project + Deployment
• Final Project: Student Management Dashboard
• Firebase or Vercel Deployment
• GitHub Profile Update
• Resume + LinkedIn Setup
• Interview Q/A Practice
📊 Data Analysis Track (1 Hour/Day)
🟡 Excel Mastery (Days 1–25)
• Excel Interface, Basic Formulas
• IF, COUNTIF, VLOOKUP
• Conditional Formatting
• Pivot Tables, Filters, Slicers
• Charts: Line, Bar, Pie
Excel Projects 1. Monthly Expense Tracker (Formulas + Chart) 2. Sales Dashboard (Pivot + Slicers) 3.
Employee Attendance Sheet (Conditional Formatting)
🟢 Python + Pandas + EDA (Days 26–70)
• Python Basics: Variables, Lists, Loops
• Pandas: DataFrames, read_csv(), isnull()
• Data Cleaning: dropna(), fillna()
• GroupBy, Aggregation
• Matplotlib + Seaborn for Visualization
Python Projects 1. Retail Sales Data Cleaner (read_csv, clean, save) 2. Movie Ratings Visualizer (Seaborn/
Matplotlib) 3. HR Dataset Analyzer (GroupBy, Charts) 4. Covid Data Dashboard (CSV, Graphs)
💼 Qatar Career Readiness
• Excel Reporting (Logistics, HR, Admin)
• Angular Projects (Frontend Jobs)
• Python Data Analysis (Reports, Dashboards)
• Arabic/English (Optional: Duolingo 10 min/day)
• Resume, GitHub, LinkedIn Optimization
✅ Final Deliverables by Day 70: - 4x HTML/CSS Projects - 4x JS Projects - 3x TypeScript Projects - 4x
Angular Projects - 3x Excel Dashboards - 4x Python/Pandas EDA Projects - Resume + GitHub + LinkedIn +
Deployment
