Build practical programming and technology skills

JavaScript Fundamentals

Write, organize, debug, and test JavaScript programs that process data, respond to browser events, update pages, and communicate with APIs.

View curriculum

FoundationDifficulty

30 hoursEstimated time

8 modules32 lessons

5 guided labsKnowledge check

Plan your learning

Path Brief

Skills you will practice

Web · Javascript Fundamentals
Web · Javascript Execution And Values
Web · Conditions And Loops
Web · Functions And Scope
Web · Arrays And Objects
Web · The Document Object Model

Prerequisites

No prior experience is required; basic computer and file-management skills are helpful.

Tools

A current web browser
A code editor or terminal appropriate to the path
A safe local or virtual lab environment

Before you begin

What you need

No prior experience is required; basic computer and file-management skills are helpful.

Step-by-step curriculum

Learning modules

Complete lessons in order or open the module that matches your current goal. Your lesson progress is saved on this device.

01JavaScript Execution and ValuesBuild practical skill in javascript execution and values and connect it to the outcomes of JavaScript Fundamentals.4 lessons · 1 lab

Lesson 1

JavaScript Execution and Values: Core Concepts for JavaScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying JavaScript Execution and Values in JavaScript Fundamentals.

25 min

Lesson 2

Set Up and Explore JavaScript Execution and Values in JavaScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore JavaScript Execution and Values safely and repeatably.

25 min

Lesson 3

Build a Practical JavaScript Execution and Values Example in JavaScript Fundamentals

Predict and then run a small script covering strings, numbers, booleans, null/undefined, object references, and strict equality; explain each result.

30 min

Lesson 4

Debug Common JavaScript Execution and Values Problems in JavaScript Fundamentals

Recognize common failure modes in JavaScript Execution and Values, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Safe

Guided Lab: JavaScript Execution and Values in JavaScript Fundamentals

JavaScript Fundamentals — JavaScript Execution and Values lab: Predict and then run a small script covering strings, numbers, booleans, null/undefined, object references, and strict equality; explain each result.

Not started

02Conditions and LoopsBuild practical skill in conditions and loops and connect it to the outcomes of JavaScript Fundamentals.4 lessons · 1 lab

Lesson 1

Conditions and Loops: Core Concepts for JavaScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying Conditions and Loops in JavaScript Fundamentals.

25 min

Lesson 2

Set Up and Explore Conditions and Loops in JavaScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore Conditions and Loops safely and repeatably.

25 min

Lesson 3

Build a Practical Conditions and Loops Example in JavaScript Fundamentals

Process a small list, select values that meet a condition, and stop or continue based on a clear rule.

30 min

Lesson 4

Debug Common Conditions and Loops Problems in JavaScript Fundamentals

Recognize common failure modes in Conditions and Loops, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Moderate

Guided Lab: Conditions and Loops in JavaScript Fundamentals

JavaScript Fundamentals — Conditions and Loops lab: Process a small list, select values that meet a condition, and stop or continue based on a clear rule.

Not started

03Functions and ScopeBuild practical skill in functions and scope and connect it to the outcomes of JavaScript Fundamentals.4 lessons · 1 lab

Lesson 1

Functions and Scope: Core Concepts for JavaScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying Functions and Scope in JavaScript Fundamentals.

25 min

Lesson 2

Set Up and Explore Functions and Scope in JavaScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore Functions and Scope safely and repeatably.

25 min

Lesson 3

Build a Practical Functions and Scope Example in JavaScript Fundamentals

Extract repeated logic into a function, call it with several inputs, and test one boundary case.

30 min

Lesson 4

Debug Common Functions and Scope Problems in JavaScript Fundamentals

Recognize common failure modes in Functions and Scope, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Moderate

Guided Lab: Functions and Scope in JavaScript Fundamentals

JavaScript Fundamentals — Functions and Scope lab: Extract repeated logic into a function, call it with several inputs, and test one boundary case.

Not started

04Arrays and ObjectsBuild practical skill in arrays and objects and connect it to the outcomes of JavaScript Fundamentals.4 lessons · 1 lab

Lesson 1

Arrays and Objects: Core Concepts for JavaScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying Arrays and Objects in JavaScript Fundamentals.

25 min

Lesson 2

Set Up and Explore Arrays and Objects in JavaScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore Arrays and Objects safely and repeatably.

25 min

Lesson 3

Build a Practical Arrays and Objects Example in JavaScript Fundamentals

Store a small dataset in an appropriate collection, update it, search it, and explain why the chosen structure fits.

30 min

Lesson 4

Debug Common Arrays and Objects Problems in JavaScript Fundamentals

Recognize common failure modes in Arrays and Objects, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Moderate

Guided Lab: Arrays and Objects in JavaScript Fundamentals

JavaScript Fundamentals — Arrays and Objects lab: Store a small dataset in an appropriate collection, update it, search it, and explain why the chosen structure fits.

Not started

05The Document Object ModelBuild practical skill in the document object model and connect it to the outcomes of JavaScript Fundamentals.4 lessons · 1 lab

Lesson 1

The Document Object Model: Core Concepts for JavaScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying The Document Object Model in JavaScript Fundamentals.

25 min

Lesson 2

Set Up and Explore The Document Object Model in JavaScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore The Document Object Model safely and repeatably.

25 min

Lesson 3

Build a Practical The Document Object Model Example in JavaScript Fundamentals

Build a small task list that reads an input value, adds an li element, updates a count with textContent, and removes an item when its button is clicked.

30 min

Lesson 4

Debug Common The Document Object Model Problems in JavaScript Fundamentals

Recognize common failure modes in The Document Object Model, use the relevant diagnostics, and verify the correction.

25 min

Guided lab · 55 min · Moderate

Guided Lab: The Document Object Model in JavaScript Fundamentals

JavaScript Fundamentals — The Document Object Model lab: Build a small task list that reads an input value, adds an li element, updates a count with textContent, and removes an item when its button is clicked.

Not started

06Events and FormsBuild practical skill in events and forms and connect it to the outcomes of JavaScript Fundamentals.4 lessons

Lesson 1

Events and Forms: Core Concepts for JavaScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying Events and Forms in JavaScript Fundamentals.

25 min

Lesson 2

Set Up and Explore Events and Forms in JavaScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore Events and Forms safely and repeatably.

25 min

Lesson 3

Build a Practical Events and Forms Example in JavaScript Fundamentals

Build a form or request validator with valid, missing, malformed, and boundary inputs.

30 min

Lesson 4

Debug Common Events and Forms Problems in JavaScript Fundamentals

Recognize common failure modes in Events and Forms, use the relevant diagnostics, and verify the correction.

25 min

07Asynchronous JavaScriptBuild practical skill in asynchronous javascript and connect it to the outcomes of JavaScript Fundamentals.4 lessons

Lesson 1

Asynchronous JavaScript: Core Concepts for JavaScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying Asynchronous JavaScript in JavaScript Fundamentals.

25 min

Lesson 2

Set Up and Explore Asynchronous JavaScript in JavaScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore Asynchronous JavaScript safely and repeatably.

25 min

Lesson 3

Build a Practical Asynchronous JavaScript Example in JavaScript Fundamentals

Request JSON from a test API, show a loading state, parse the result, and handle a failed request.

30 min

Lesson 4

Debug Common Asynchronous JavaScript Problems in JavaScript Fundamentals

Recognize common failure modes in Asynchronous JavaScript, use the relevant diagnostics, and verify the correction.

25 min

08Modules, Errors, and TestingBuild practical skill in modules, errors, and testing and connect it to the outcomes of JavaScript Fundamentals.4 lessons

Lesson 1

Modules, Errors, and Testing: Core Concepts for JavaScript Fundamentals

Understand the concepts, decisions, and vocabulary you need before applying Modules, Errors, and Testing in JavaScript Fundamentals.

25 min

Lesson 2

Set Up and Explore Modules, Errors, and Testing in JavaScript Fundamentals

Prepare the tools, data, project state, or test environment needed to explore Modules, Errors, and Testing safely and repeatably.

25 min

Lesson 3

Build a Practical Modules, Errors, and Testing Example in JavaScript Fundamentals

Write a small test suite for one function, service, route, or component with success and failure cases.

30 min

Lesson 4

Debug Common Modules, Errors, and Testing Problems in JavaScript Fundamentals

Recognize common failure modes in Modules, Errors, and Testing, use the relevant diagnostics, and verify the correction.

25 min

Portfolio integration

Capstone Project

Build a Browser-Based Personal Finance Tracker

Combine the path skills in a portfolio-ready project with clear functional requirements, tests, verification evidence, and operating notes.

GuidedIndependentPortfolio

Acceptance criteria

The core workflow works from start to finish.
Invalid input or failure states are handled clearly.
The result is tested and documented.
A reviewer can reproduce the setup and verification.

Continue in Programming

Related Programming

Skill assessment

JavaScript Fundamentals

Path Brief

Skills you will practice

Prerequisites

Tools

What you need

Learning modules

JavaScript Execution and Values: Core Concepts for JavaScript Fundamentals

Set Up and Explore JavaScript Execution and Values in JavaScript Fundamentals

Build a Practical JavaScript Execution and Values Example in JavaScript Fundamentals

Debug Common JavaScript Execution and Values Problems in JavaScript Fundamentals

Guided Lab: JavaScript Execution and Values in JavaScript Fundamentals

Conditions and Loops: Core Concepts for JavaScript Fundamentals

Set Up and Explore Conditions and Loops in JavaScript Fundamentals

Build a Practical Conditions and Loops Example in JavaScript Fundamentals

Debug Common Conditions and Loops Problems in JavaScript Fundamentals

Guided Lab: Conditions and Loops in JavaScript Fundamentals

Functions and Scope: Core Concepts for JavaScript Fundamentals

Set Up and Explore Functions and Scope in JavaScript Fundamentals

Build a Practical Functions and Scope Example in JavaScript Fundamentals

Debug Common Functions and Scope Problems in JavaScript Fundamentals

Guided Lab: Functions and Scope in JavaScript Fundamentals

Arrays and Objects: Core Concepts for JavaScript Fundamentals

Set Up and Explore Arrays and Objects in JavaScript Fundamentals

Build a Practical Arrays and Objects Example in JavaScript Fundamentals

Debug Common Arrays and Objects Problems in JavaScript Fundamentals

Guided Lab: Arrays and Objects in JavaScript Fundamentals

The Document Object Model: Core Concepts for JavaScript Fundamentals

Set Up and Explore The Document Object Model in JavaScript Fundamentals

Build a Practical The Document Object Model Example in JavaScript Fundamentals

Debug Common The Document Object Model Problems in JavaScript Fundamentals

Guided Lab: The Document Object Model in JavaScript Fundamentals

Events and Forms: Core Concepts for JavaScript Fundamentals

Set Up and Explore Events and Forms in JavaScript Fundamentals

Build a Practical Events and Forms Example in JavaScript Fundamentals

Debug Common Events and Forms Problems in JavaScript Fundamentals

Asynchronous JavaScript: Core Concepts for JavaScript Fundamentals

Set Up and Explore Asynchronous JavaScript in JavaScript Fundamentals

Build a Practical Asynchronous JavaScript Example in JavaScript Fundamentals

Debug Common Asynchronous JavaScript Problems in JavaScript Fundamentals

Modules, Errors, and Testing: Core Concepts for JavaScript Fundamentals

Set Up and Explore Modules, Errors, and Testing in JavaScript Fundamentals

Build a Practical Modules, Errors, and Testing Example in JavaScript Fundamentals

Debug Common Modules, Errors, and Testing Problems in JavaScript Fundamentals

Capstone Project

Build a Browser-Based Personal Finance Tracker

Acceptance criteria

Test your understanding

Related Programming

Check your starting point

Plan the capstone

Explore related paths