Web foundations lab

JavaScript basics

Variables, functions, conditions, arrays, and readable behavior patterns.

Track progress 0/120 lessons 0/18 missions 12 courses

Continue View profile

01 JavaScript basics JavaScript basics: Constants

Build constants inside the persistent Study group board: Constants starter project.

Core 7 minutes · const, let, function, if, array, return 02 JavaScript basics JavaScript basics: Mutable values

Build mutable values inside the persistent Public resource hub: Mutable values starter project.

Core 7 minutes · const, let, function, if, array, return 03 JavaScript basics JavaScript basics: Readable strings

Build readable strings inside the persistent Creative portfolio: Readable strings starter project.

Core 7 minutes · const, let, function, if, array, return 04 JavaScript basics JavaScript basics: Number calculations

Build number calculations inside the persistent Course dashboard: Number calculations starter project.

Core 10 minutes · const, let, function, if, array, return 05 JavaScript basics JavaScript basics: Boolean decisions

Build boolean decisions inside the persistent Service status page: Boolean decisions starter project.

Core 7 minutes · const, let, function, if, array, return 06 JavaScript basics JavaScript basics: Conditional branches

Build conditional branches inside the persistent Project launch page: Conditional branches starter project.

Core 7 minutes · const, let, function, if, array, return 07 JavaScript basics JavaScript basics: Arrays

Build arrays inside the persistent Accessible recipe: Arrays starter project.

Core 7 minutes · const, let, function, if, array, return 08 JavaScript basics JavaScript basics: Array length

Build array length inside the persistent Reading list: Array length starter project.

Core 10 minutes · const, let, function, if, array, return 09 JavaScript basics JavaScript basics: Named functions

Build named functions inside the persistent Support center: Named functions starter project.

Core 7 minutes · const, let, function, if, array, return 10 JavaScript basics JavaScript basics: Function parameters

Build function parameters inside the persistent Team directory: Function parameters starter project.

Core 7 minutes · const, let, function, if, array, return 11 JavaScript basics JavaScript basics: Return values

Build return values inside the persistent Field notes: Return values starter project.

Core Checkpoint 7 minutes · const, let, function, if, array, return 12 JavaScript basics JavaScript basics: Template strings

Build template strings inside the persistent Civic calendar: Template strings starter project.

Core 10 minutes · const, let, function, if, array, return

Save progress

Keep learning across sessions.

Create a free account to sync completed lessons, XP, streaks, course status, and your next lesson across sessions.

Checking account status...

Progress sync is idle.

0XP New learnerrank 0day streak 0best streak 0daily streak 0lessons 0courses 0missions 0tasks Noverified

Continue

Progress sync stores completion IDs, scores, streaks, badges, and game settings. Terminal contents, editor snippets, lab scratch, email, and real names are never published on leaderboards or share cards.

Snippet coverage

Patterns you will practice here.

Run

Render a simulated preview from the current lesson snippet.

Check

Save the lesson after the required task snippets are complete.

Hint

Show the lesson hint without changing progress.

Reset

Clear local Web lab scratch state for this browser.

<!doctype html>

Start an HTML document with an explicit standards-mode marker.

<header> <main> <section> <footer>

Use semantic landmarks so pages have structure.