Zero-to-Expert Tutorial

JavaScript Complete Learning Path

JavaScript is the programming language of the web browser and a general-purpose runtime language through platforms such as Node.js.

Starts from zero
83 lessons
14 modules
6 projects

Start Tutorial

Begin From ZeroNo prior subject knowledge is assumed.

Ordered ModulesFollow the curriculum in order without skipping prerequisites.

Complete ProjectsPlan, build, integrate, test, and refine real outcomes.

Direct Lesson AccessEvery curriculum item links directly to its lesson.

About this tutorial

Learn JavaScript from the beginning

JavaScript is the programming language of the web browser and a general-purpose runtime language through platforms such as Node.js.

This continuous 83-lesson curriculum starts from zero, introduces every required tool and concept in order, and progresses through First Program, Workflow, JavaScript Foundations, Functions Objects and Collections, Modern JavaScript Language, DOM and Browser Programming before capstone work.

Who this tutorial is for

New programmers, frontend learners, and developers who want to master the language, DOM, asynchronous work, and runtime fundamentals.

Prerequisites

No previous JavaScript experience is required. The opening curriculum begins with “What JavaScript Is and Where It Runs” and introduces setup, accounts, software, terminology, and prerequisite checkpoints before advanced work.

Master curriculum

Complete JavaScript Tutorial

Follow all 83 lessons in exact curriculum order. Open any lesson directly from the curriculum below and follow the modules in order.

Module 1

Start Here

2 lessons · Start from Zero

Lesson 1

What JavaScript Is and Where It Runs

Start from Zero · Sequential Tutorial Lesson

Start from ZeroLesson Lesson 2

What You Need Before Learning JavaScript

Start from Zero · Sequential Tutorial Lesson

Start from ZeroLesson

Module 2

Setup

4 lessons · Start from Zero

Lesson 3

Module 3

First Program

3 lessons · Beginner

Lesson 7

Module 4

Workflow

3 lessons · Beginner

Lesson 10

Module 5

JavaScript Foundations

5 lessons · Beginner

Lesson 13

Module 6

Functions Objects and Collections

6 lessons · Beginner

Lesson 18

Module 7

Modern JavaScript Language

6 lessons · Intermediate

Lesson 24

Module 8

DOM and Browser Programming

6 lessons · Intermediate

Lesson 30

Module 9

Asynchronous JavaScript

6 lessons · Intermediate

Lesson 36

Module 10

Browser APIs and Performance

6 lessons · Advanced

Lesson 42

Module 11

Node.js Fundamentals

5 lessons · Advanced

Lesson 48

Module 12

Testing Tooling and Code Quality

6 lessons · Professional

Lesson 53

Module 13

Projects and Capstones

24 lessons · Capstone

Project 1 · plan

Module 14

Finish and Continue

1 lessons · Completion

Lesson 83

Complete the JavaScript Tutorial and Choose What to Learn Next

Completion · Tutorial Completion

CompletionLesson

Ready to begin?

Start at lesson 1 and follow the curriculum in sequence.

Start Tutorial

JavaScript Complete Learning Path

Learn JavaScript from the beginning

Who this tutorial is for

Prerequisites

What JavaScript Is and Where It Runs

What You Need Before Learning JavaScript

Install VS Code and Prepare a JavaScript Practice Folder

Use Browser Developer Tools and the JavaScript Console

Install Node.js and npm for Local JavaScript Practice

Verify node and npm from the Terminal

Write Your First JavaScript Program in the Browser

Run Your First JavaScript File with Node.js

Understand Script Files Statements Comments and Semicolons

Use console.log Breakpoints and the Debugger

Understand JavaScript Errors and Stack Traces

Learn How to Read MDN and JavaScript Documentation

Understand Variables let const and Scope

Work with JavaScript Data Types

Use Operators Conditions and Control Flow

Write Loops and Iteration

Understand Type Coercion and Equality

Write Functions and Arrow Functions

Understand Closures and Lexical Scope

Create and Manipulate Objects

Work with Arrays and Array Methods

Use Map Set WeakMap and WeakSet

Use Destructuring Spread and Rest Syntax

Use Classes and Prototypes

Understand this bind call and apply

Use Modules import and export

Handle Errors with try catch and Custom Errors

Use Optional Chaining and Nullish Coalescing

Understand Symbols Iterators and Generators

Select Traverse and Modify the DOM

Handle Browser Events Correctly

Build and Validate Forms with JavaScript

Use Local Storage Session Storage and Cookies

Work with URL History and Navigation APIs

Build Accessible Interactive Components

Understand the Event Loop

Use Promises Correctly

Write Async Await Code

Run Concurrent Async Work Safely

Use fetch and Handle HTTP Errors

Use AbortController Timeouts and Cancellation

Work with Web Workers

Use IntersectionObserver and ResizeObserver

Use Clipboard File and Drag-and-Drop APIs

Measure JavaScript Performance

Prevent Memory Leaks in Browser Apps

Optimize Rendering and Event Handling

Use npm package.json and Semantic Versioning

Work with Files Streams and Buffers

Build an HTTP Server with Node.js

Use Environment Variables and Configuration

Handle Process Signals Errors and Graceful Shutdown

Test JavaScript with Modern Test Runners

Write Unit Integration and DOM Tests

Use ESLint and Formatting Tools

Understand Bundlers and Build Tooling

Debug Browser and Node.js Applications

Design Maintainable JavaScript Modules

Project: Understand Requirements and Plan Interactive expense tracker

Project: Build the Foundation of Interactive expense tracker

Project: Complete and Integrate Interactive expense tracker

Project: Test Debug Refine and Finish Interactive expense tracker

Project: Understand Requirements and Plan Accessible form validation library

Project: Build the Foundation of Accessible form validation library

Project: Complete and Integrate Accessible form validation library

Project: Test Debug Refine and Finish Accessible form validation library

Project: Understand Requirements and Plan Async API dashboard

Project: Build the Foundation of Async API dashboard

Project: Complete and Integrate Async API dashboard

Project: Test Debug Refine and Finish Async API dashboard

Project: Understand Requirements and Plan Web worker data processor

Project: Build the Foundation of Web worker data processor

Project: Complete and Integrate Web worker data processor

Project: Test Debug Refine and Finish Web worker data processor

Project: Understand Requirements and Plan Node.js command-line tool

Project: Build the Foundation of Node.js command-line tool