Track overview

JavaScript Foundations

This track introduces JavaScript in small, readable steps so students can learn how web pages become interactive without jumping into advanced programming too early.

Starter Public preview available Certificate track

Access and prerequisites

Membership: Starter

Prerequisites:

  • CSS Foundations

Student readiness

Public visitors can preview the lesson structure here. Protected lesson playback, progress, and certificates require a student account.

Lessons in this track

Ordered intentionally for beginners

14 min

What JavaScript Is

Understand what JavaScript adds to a web page and why it matters after HTML structure is already in place.

Public preview lesson

Preview lesson
14 min

Variables and values

Learn how JavaScript stores information in named variables so it can be reused later.

Public preview lesson

Preview lesson
14 min

Strings, numbers, and booleans

Meet three value types beginners see constantly in JavaScript: text, numbers, and true-or-false answers.

Protected student lesson

Preview lesson
14 min

Basic operators

Use simple JavaScript operators to combine, compare, and change values in readable beginner examples.

Protected student lesson

Preview lesson
14 min

Conditionals

Learn how JavaScript can choose between two paths based on whether a condition is true or false.

Protected student lesson

Preview lesson
14 min

Functions

Learn how functions group instructions into reusable actions with names that make code easier to follow.

Protected student lesson

Preview lesson
14 min

Events and user interaction

Connect user actions such as clicks to JavaScript responses so pages begin to feel interactive.

Protected student lesson

Preview lesson
14 min

DOM basics

Meet the DOM as the browser's version of the page and learn why JavaScript can change it.

Protected student lesson

Preview lesson
14 min

Debugging simple JavaScript

Practice fixing small JavaScript mistakes by reading code carefully and using the console as a clue tool.

Protected student lesson

Preview lesson
16 min

Build your first tiny interactive page

Combine HTML, JavaScript values, events, and a simple DOM change into one approachable interactive page.

Protected student lesson

Preview lesson