Viewing: learnjavascript.online

It's time to learn
practical
JavaScript the
modern way

Learn modern JavaScript (ES2015+) from scratch, and practice in an intuitive environment. The challenges are inspired by real-world projects to make sure that you're learning the best practices, one step at a time. Try the first 77 lessons, challenges, projects (first 7 chapters) & flashcards for free. You can upgrade to a Pro account with a one-time payment that gives you access for 5 years.

Learn Javascript is suitable for beginner developers who have basic experience in any programming language. Not comfortable with the basics? Then consider Learn Programming which covers the basics.

What you will learn

This course covers the fundamentals of JavaScript. It is the best way to learn JavaScript in 2026.

The course has been reviewed and updated in 2026.

The lessons & challenges will guide you through these topics step by step and its project-based approach will help you reinforce these concepts.

The course assumes that you are familiar with the basics such as variables, functions, arrays, objects, classes as well as some HTML & CSS experience.

Arrays
Functions
Arrow functions
Advanced Arrays
Destructuring
Optional chaining
Nullish coalescing
Objects
Arrays of Objects
Advanced Control Flow
Reduce
Classes
Callbacks
Asynchronous logic
Advanced classes
Prototypical inheritance
JSON
Promises
Fetch
Work with real APIs
Lexical scope
Async/await
DOM Selection
DOM basics
Advanced DOM
Events
Forms
Package Managers
Module Bundlers
Modules
Dynamic imports
ECMAScript
Legacy var
Legacy topics
Window object
Closures
Loops & iteration
The event loop
Intro to regex
Interview questions
Map and Set
Generator functions

Gem run game project
[Gem run game project]
Discover advanced class inheritance use cases with this fun project.
Open/close sidebar project
[Open/close sidebar project]
Given the necessary CSS code, you're asked to write the code that opens and closes the sidebar of a web page.
Toggle dark theme project
[Toggle dark theme project]
Given the necessary CSS code, you're asked to write the code that toggles a page's dark theme.
Preferred currencies project
[Preferred currencies project]
Build a custom multi-select logic that allows the user to select their preferred currencies.
Form validation project
[Form validation project]
Implement form validation for a form element.
Keyboard shortcuts project
[Keyboard shortcuts project]
Implement keyboard shortcuts to open and close an existing modal.
Instant search project
[Instant search project]
Implement a case-insenstive search from a public spacecraft dataset.
Todo app API project
[Todo app API project]
Implement a todo app using an API.
GitHub API project
[GitHub API project]
List a GitHub user's repositories using the public GitHub API.
Currency conversion API project
[Currency conversion API project]
Implement a currency conversion app using a real currency conversion API.
Food tracker (final project)
[Food tracker (final project)]
Multi-step final project teaching you how to build a food tracker from scratch. You're only given the HTML, CSS, and API docs.