Training Modules

Your complete learning curriculum from HTML to React

🎮 New to coding? Start with Beginner Course

Phase 1: HTML/CSS
Phase 2: JavaScript
Phase 3: APIs
Phase 4: React

Phase 1: HTML & CSS Foundations

Weeks 1-3 • Build the visual structure of the web

📄

HTML Fundamentals

Week 1 • 5-7 hours
What You'll Learn:
  • HTML document structure and semantic tags
  • Headings, paragraphs, lists, and links
  • Images and multimedia elements
  • Forms and input types
  • Tables and data presentation
  • Accessibility basics
Mini-Projects:
  • Personal Bio Page
  • Simple Recipe Page
  • Contact Form
Recommended Resources:
🎨

CSS Styling & Layout

Weeks 2-3 • 10-12 hours
What You'll Learn:
  • CSS selectors and specificity
  • Box model, padding, margins, borders
  • Colors, typography, and visual design
  • Flexbox for modern layouts
  • CSS Grid for complex layouts
  • Responsive design with media queries
  • CSS transitions and animations
Mini-Projects:
  • Styled Portfolio Homepage
  • Responsive Navigation Bar
  • Card Layout Gallery
  • Simple Landing Page
Recommended Resources:

Phase 2: Core JavaScript

Weeks 4-7 • Learn real programming fundamentals

⚡

JavaScript Fundamentals

Weeks 4-5 • 12-15 hours
What You'll Learn:
  • Variables (let, const) and data types
  • Operators and expressions
  • Conditional statements (if/else, switch)
  • Loops (for, while, forEach)
  • Functions and arrow functions
  • Arrays and array methods
  • Objects and object methods
Mini-Projects:
  • Simple Calculator
  • Temperature Converter
  • Number Guessing Game
Recommended Resources:
🔧

DOM Manipulation & Events

Weeks 6-7 • 10-12 hours
What You'll Learn:
  • Selecting DOM elements
  • Creating and modifying elements
  • Event listeners and handlers
  • Form handling and validation
  • Local storage for data persistence
  • Building interactive UIs
Mini-Projects:
  • Todo List App
  • Random Quote Generator
  • Color Theme Switcher
  • Interactive FAQ Accordion
Recommended Resources:

Phase 3: APIs & Intermediate JavaScript

Weeks 8-10 • Connect to real-world data

🌐

Working with APIs

Weeks 8-9 • 12-15 hours
What You'll Learn:
  • What are APIs and REST principles
  • Fetch API and making HTTP requests
  • Working with JSON data
  • Async/await for asynchronous code
  • Error handling and loading states
  • API keys and authentication basics
Mini-Projects:
  • Weather Dashboard (OpenWeather API)
  • Currency Converter
  • Movie Search App (OMDB API)
Recommended Resources:
🚀

Advanced JavaScript Concepts

Week 10 • 8-10 hours
What You'll Learn:
  • ES6+ modern JavaScript features
  • Destructuring and spread operators
  • Template literals
  • Array methods (map, filter, reduce)
  • Promises and error handling
  • Modules and imports
Mini-Projects:
  • Expense Tracker
  • Simple Branching Logic Wizard
  • Data Dashboard with Charts
Recommended Resources:

Phase 4: React

Weeks 11-12 • Build modern web applications

⚛️

React Fundamentals

Weeks 11-12 • 15-20 hours
What You'll Learn:
  • What is React and why use it
  • JSX syntax and components
  • Props and component communication
  • State management with useState
  • Side effects with useEffect
  • Handling forms in React
  • Conditional rendering and lists
  • React Router for navigation
  • API calls in React
Final Projects:
  • React Weather App
  • Movie Search & Watchlist
  • React Task Manager
  • "Capture Lite" - Document Management App
Recommended Resources:

Ready to Track Your Progress?

See how far you've come and what's next.

View Progress Start Building