Home About Learn AI Learn Python Web Development Cloud Computing Blog Programs
// learning path

Learn web development — build anything

From your first HTML tag to deploying a full-stack app. Web development is one of the most accessible paths into tech — and one of the highest paying.

Start the roadmap → See projects
5–6months to job-ready
$70K+avg starting salary CA
100%remote-friendly

Web dev learning roadmap

1

HTML — structure (1 week)

HTML is the skeleton of every webpage. Learn headings, paragraphs, links, images, forms, and semantic elements like <header>, <nav>, <main>.

2

CSS — styling (2 weeks)

CSS makes things look good. Learn selectors, the box model, flexbox, grid, and responsive design. These four concepts cover 90% of what you'll use daily.

3

JavaScript — interactivity (4–6 weeks)

JS makes pages interactive. Variables, functions, DOM manipulation, events, and fetch API. This is the most important step for web dev.

  • Free: javascript.info — the best JS resource online
  • Build: A to-do list app, a calculator, a weather app using a public API
  • Project: Weather app using the OpenWeather API (free key)
4

React — modern UI (4 weeks)

React is used by Facebook, Airbnb, Netflix, and most Canadian startups. It's a JavaScript library for building interactive UIs. Components, props, state, hooks.

5

Backend — Node.js and databases (4 weeks)

The backend handles data, user accounts, and business logic. Node.js runs JavaScript on the server. PostgreSQL or SQLite store your data.

  • Free: Node.js official guide
  • Learn: Express.js for building APIs, SQL for querying databases
  • Build: A REST API for your React app — user auth, data storage
6

Deploy your app (1 week)

Your app doesn't count until it's live on the internet. Free hosting options make this easy.

  • Vercel — deploy React apps free in 2 minutes
  • Railway.app — deploy Node.js backends free
  • Supabase — free PostgreSQL database with API
  • Goal: Have 3 live projects with URLs to share with employers

Web dev portfolio projects

🌤️ Weather Dashboard beginner

Live weather with 5-day forecast, search, and animated icons. HTML/CSS/JS only. ~1 day.

🃏 Flashcard App intermediate

React app with flip animation, deck management, and spaced repetition. ~3–4 days.

🧠 Quiz Game intermediate

Full quiz app with timer, score tracking, and explanations. React + Open Trivia API. ~1 week.

🔗 Full-Stack Blog intermediate

React frontend + Node.js API + PostgreSQL database. User auth, CRUD posts. ~2 weeks.

← Learn Python first See all programs →