JavaScript curriculum

A JavaScript curriculum from language fundamentals to DOM work, asynchronous code, browser APIs, and accessible interactive projects.

Find tutors Get tutor support

Web programming / frontend fundamentals

JavaScript curriculum

A JavaScript curriculum from language fundamentals to DOM work, asynchronous code, browser APIs, and accessible interactive projects.

Pacing

8 units, 16-24 weeks self-paced

Units

8 unit sequence

Practice

16 checked answers

Support

Self-paced or tutor-guided

Outcomes

Write modern JavaScript with clear data flow and predictable state updates.
Build accessible browser interactions without relying on timing hacks.
Use MDN and platform documentation as primary references.

Unit sequence

Built for independent progress first, then tutor support where the student gets stuck.

01
Language fundamentals
- Use values, variables, operators, and control flow.
- Understand type coercion and equality rules.
Practice: Write pure functions for string, number, and array transformations.
Original practice checks
Answer in PeerTutor, then use the explanation or bring the miss to a tutor.
2 checked answers
Unit readiness
Which target best matches the JavaScript unit "Language fundamentals"?
Use declarations, expressions, closures, and modules.Understand type coercion and equality rules.Avoid accidental globals and hidden mutation.Use values, variables, operators, and control flow.
Practice artifact
Which practice artifact should you produce for "Language fundamentals" before asking a tutor for help?
Skip the unit and start a new subject.Memorize vocabulary without checking any examples.Watch videos without writing or solving anything.Write pure functions for string, number, and array transformations.
02
Functions and scope
- Use declarations, expressions, closures, and modules.
- Avoid accidental globals and hidden mutation.
Practice: Refactor repeated logic into named functions with explicit arguments.
Original practice checks
Answer in PeerTutor, then use the explanation or bring the miss to a tutor.
2 checked answers
Unit readiness
Which target best matches the JavaScript unit "Functions and scope"?
Use declarations, expressions, closures, and modules.Understand type coercion and equality rules.Avoid accidental globals and hidden mutation.Use values, variables, operators, and control flow.
Practice artifact
Which practice artifact should you produce for "Functions and scope" before asking a tutor for help?
Refactor repeated logic into named functions with explicit arguments.Memorize vocabulary without checking any examples.Watch videos without writing or solving anything.Skip the unit and start a new subject.
03
Objects and arrays
- Model structured data with objects and arrays.
- Use map, filter, reduce, and object operations.
Practice: Build a small in-memory gradebook or inventory module.
Original practice checks
Answer in PeerTutor, then use the explanation or bring the miss to a tutor.
2 checked answers
Unit readiness
Which target best matches the JavaScript unit "Objects and arrays"?
Use declarations, expressions, closures, and modules.Use values, variables, operators, and control flow.Model structured data with objects and arrays.Understand type coercion and equality rules.
Practice artifact
Which practice artifact should you produce for "Objects and arrays" before asking a tutor for help?
Watch videos without writing or solving anything.Memorize vocabulary without checking any examples.Skip the unit and start a new subject.Build a small in-memory gradebook or inventory module.
04
DOM and events
- Select, create, and update DOM elements.
- Handle keyboard, pointer, and form events accessibly.
Practice: Build a form-driven calculator with validation and ARIA-friendly errors.
Original practice checks
Answer in PeerTutor, then use the explanation or bring the miss to a tutor.
2 checked answers
Unit readiness
Which target best matches the JavaScript unit "DOM and events"?
Understand type coercion and equality rules.Use declarations, expressions, closures, and modules.Use values, variables, operators, and control flow.Handle keyboard, pointer, and form events accessibly.
Practice artifact
Which practice artifact should you produce for "DOM and events" before asking a tutor for help?
Watch videos without writing or solving anything.Memorize vocabulary without checking any examples.Skip the unit and start a new subject.Build a form-driven calculator with validation and ARIA-friendly errors.
05
Asynchronous JavaScript
- Use promises, async/await, and fetch.
- Handle loading, success, and error states.
Practice: Fetch public JSON and render stable UI states.
Original practice checks
Answer in PeerTutor, then use the explanation or bring the miss to a tutor.
2 checked answers
Unit readiness
Which target best matches the JavaScript unit "Asynchronous JavaScript"?
Use declarations, expressions, closures, and modules.Understand type coercion and equality rules.Use promises, async/await, and fetch.Use values, variables, operators, and control flow.
Practice artifact
Which practice artifact should you produce for "Asynchronous JavaScript" before asking a tutor for help?
Memorize vocabulary without checking any examples.Skip the unit and start a new subject.Fetch public JSON and render stable UI states.Watch videos without writing or solving anything.
06
State and UI architecture
- Represent UI as state plus render output.
- Keep event handlers small and deterministic.
Practice: Build a to-do or flashcard app with explicit state transitions.
Original practice checks
Answer in PeerTutor, then use the explanation or bring the miss to a tutor.
2 checked answers
Unit readiness
Which target best matches the JavaScript unit "State and UI architecture"?
Use declarations, expressions, closures, and modules.Use values, variables, operators, and control flow.Understand type coercion and equality rules.Keep event handlers small and deterministic.
Practice artifact
Which practice artifact should you produce for "State and UI architecture" before asking a tutor for help?
Skip the unit and start a new subject.Watch videos without writing or solving anything.Memorize vocabulary without checking any examples.Build a to-do or flashcard app with explicit state transitions.
07
Browser storage and APIs
- Use localStorage responsibly.
- Integrate forms, media, canvas, or URL APIs.
Practice: Persist a local preference or study session without server state.
Original practice checks
Answer in PeerTutor, then use the explanation or bring the miss to a tutor.
2 checked answers
Unit readiness
Which target best matches the JavaScript unit "Browser storage and APIs"?
Use declarations, expressions, closures, and modules.Use localStorage responsibly.Use values, variables, operators, and control flow.Understand type coercion and equality rules.
Practice artifact
Which practice artifact should you produce for "Browser storage and APIs" before asking a tutor for help?
Skip the unit and start a new subject.Watch videos without writing or solving anything.Memorize vocabulary without checking any examples.Persist a local preference or study session without server state.
08
Capstone
- Build, test, and document an interactive web tool.
- Audit accessibility and responsive behavior.
Practice: Ship a single-page app with keyboard navigation and deterministic behavior.
Original practice checks
Answer in PeerTutor, then use the explanation or bring the miss to a tutor.
2 checked answers
Unit readiness
Which target best matches the JavaScript unit "Capstone"?
Use declarations, expressions, closures, and modules.Use values, variables, operators, and control flow.Understand type coercion and equality rules.Audit accessibility and responsive behavior.
Practice artifact
Which practice artifact should you produce for "Capstone" before asking a tutor for help?
Ship a single-page app with keyboard navigation and deterministic behavior.Watch videos without writing or solving anything.Skip the unit and start a new subject.Memorize vocabulary without checking any examples.

Source library

These are source links, not scraped course copies. Licenses differ, so the label tells students how each source is used.

View the full citation index

JavaScript Guide

MDN Web Docs

Open reference

Open web documentation for JavaScript fundamentals and browser APIs.

JavaScript curriculum