JavaScript Lessons

Build interactive websites faster by practicing modern JS syntax. Essential training for frontend and full-stack developers.

📜
Completed0/33
Total XP0
Avg WPM--
Avg Accuracy--
1

Hello Console

Write your first JavaScript code using console.log().

Easy ⏱ 8 min
Start Lesson
🔒

Functions With Ingredients (Parameters)

Learn function parameters to make flexible functions.

Medium ⏱ 12 min
Locked
🔒

Building Blueprints

Learn about classes - blueprints for creating objects.

Hard ⏱ 15 min
Locked
2

Magic Boxes

Learn let and const for creating variables in JavaScript.

Easy ⏱ 8 min
Start Lesson
🔒

Functions That Give Back (Return Values)

Master return values to get results from functions.

Medium ⏱ 12 min
Locked
🔒

Creating From Blueprints

Create objects from classes and use their methods.

Hard ⏱ 15 min
Locked
3

Counting Sheep

Master numbers and basic arithmetic operations in JavaScript.

Easy ⏱ 8 min
Start Lesson
🔒

Looping With A Condition (While Loops)

Practice while loops for conditional repetition.

Medium ⏱ 12 min
Locked
🔒

Object Powers

Master object attributes and methods in object-oriented programming.

Hard ⏱ 15 min
Locked
4

Making Choices

Use if/else statements to make decisions in your code.

Easy ⏱ 8 min
Start Lesson
🔒

Magic Word Game

Build an interactive word game with loops and conditions.

Medium ⏱ 12 min
Locked
🔒

Saving Data

Learn to save and retrieve data using localStorage.

Hard ⏱ 15 min
Locked
5

Your First Array

Create and work with arrays to store multiple values.

Easy ⏱ 8 min
Start Lesson
🔒

Key Value Pairs (Objects)

Learn objects to store data as key-value pairs.

Medium ⏱ 12 min
Locked
🔒

Loading Data

Practice loading and parsing saved data from localStorage.

Hard ⏱ 15 min
Locked
6

Adding To An Array

Learn to add and modify items in JavaScript arrays.

Easy ⏱ 8 min
Start Lesson
🔒

Looping Through Objects (Object Iteration)

Practice iterating through object properties.

Medium ⏱ 12 min
Locked
🔒

Smarter Arrays

Use array methods like map, filter, and reduce efficiently.

Hard ⏱ 15 min
Locked
7

Getting Items From An Array

Access array elements using index positions.

Easy ⏱ 8 min
Start Lesson
🔒

Importing Secret Powers (Modules)

Import and export code modules for organization.

Medium ⏱ 12 min
Locked
🔒

Dates And Times

Work with dates and times using JavaScript's Date object.

Hard ⏱ 15 min
Locked
8

Asking Questions

Use prompt and alert to interact with users.

Easy ⏱ 8 min
Start Lesson
🔒

Building A Dice Roller

Create a random dice roller with JavaScript.

Medium ⏱ 12 min
Locked
🔒

Talking To The Web

Make fetch requests to interact with web APIs.

Hard ⏱ 15 min
Locked
9

Your First Function

Create functions to reuse code blocks.

Easy ⏱ 8 min
Start Lesson
🔒

Handling Errors (Try-Catch)

Learn try/catch to handle errors gracefully.

Medium ⏱ 12 min
Locked
🔒

Pet Simulator Setup

Set up a pet simulator using classes and object-oriented design.

Hard ⏱ 15 min
Locked
10

Beginner Project

Build a complete beginner JavaScript project.

Easy ⏱ 8 min
Start Lesson
🔒

Intermediate Project

Build a complete intermediate JavaScript project.

Medium ⏱ 12 min
Locked
🔒

Pet Simulator Game Loop

Create an interactive game loop for your pet simulator.

Hard ⏱ 15 min
Locked
🎮
🛡️

Syntax Defense

🛡️ TYPE TO DEFEND

PROTECT THE MAINFRAME! Use coding keywords to activate defense systems and repel the buggy invaders.

Easy ⏱ 8 min
Start Lesson
🎮
🔒

🛸 Syntax Shooter

🛸 DEFEND & CODE

🛸 DEFEND THE CODE! Pilot your ship and destroy incoming UFOs. Type syntax correctly to blast them with lasers and master coding structures!

Medium ⏱ 12 min
Locked
🎮
🔒

⚔️ Method Mayhem

⚔️ REAL-TIME OOP

⚔️ THE OOP ARENA! Execute methods in real-time to defend the system. Watch your syntax, manage your RAM, and purge the bugs before they crash the grid.

Hard ⏱ 15 min
Locked