Course Overview

Course Overview

Three focused tracks to get you building: web layout, programming fundamentals, and web-focused TypeScript.

HTML + CSS

Learn how to build static web pages with semantic HTML and CSS layout.

You'll be able to:

  • Structure content using semantic HTML
  • Style pages with CSS and responsive layouts
  • Build a simple multi-page site

Topics covered:

  • HTML elements & semantics
  • CSS selectors, box model, flexbox
  • Forms and responsive basics

Start HTML + CSS

Programming Basics

General programming concepts useful across languages (not web-specific).

You'll be able to:

  • Reason about values, types, and control flow
  • Write and test functions and small programs
  • Work with common data structures

Topics covered:

  • Variables, operators, and expressions
  • Conditionals, loops, and functions
  • Arrays, objects, and basic algorithms

Start Programming Basics

TypeScript Programming

Web-focused TypeScript for building interactive pages with safer code, clearer data shapes, and better tooling.

You'll be able to:

  • Manipulate the DOM and respond to user input
  • Define clear types for variables, functions, and objects
  • Structure code with modules and small helpers

Topics covered:

  • Basic types, arrays, objects, and function types
  • DOM selection, events, and typed values
  • Modules, imports/exports, and TypeScript basics

Start TypeScript Programming

Recommended order

Follow this sequence for the smoothest learning path:

  1. Programming Basics — core concepts first.
  2. HTML + CSS — layout and structure for the web.
  3. TypeScript Programming — apply programming to web pages.