The Basics
Get used to typing and syntax and learn the basics of JavaScript.
16 Modules:
- Welcome
- Video
- Set Sail
- Smooth Sailing
- Turn Right
- Treasure Ahoy!
- Turn Right, Turn Left
- What Are Comments?
- Turn. Turn. Turn.
- Buggy Code
- What Are Naming Conventions?
- More Bugs?
- Complete the Path
- Light it Up!
- Review
- Quiz
Loops and Patterns
Learn to recognize patterns and use a "for" loop to solve problems.
16 Modules:
- Repeating Commands
- What Are Loops?
- What Is Indentation?
- What Are Arithmetic Operators?
- Onwards, Forward!
- Broken Steering 1
- Broken Steering 2
- Two Loops
- Jump, Forward
- Forward, Jump
- Up and Down
- What Are Nested Loops?
- Navigating the "C"s
- Pattern Maker
- Review
- Quiz
Conditional Logic
Learn about conditionals in JavaScript.
16 Modules:
- What Are Conditionals?
- Path Left
- Path Right
- More Turns!
- What Are Assignment Operators?
- What Are Comparison Operators?
- What Are Logical Operators?
- Stormy Path
- What Is an "Else"?
- Stormy Turns 1
- Stormy Turns 2
- What Are Nested Ifs?
- Stormy Night 1
- Stormy Night 2
- Review
- Quiz
Conditional Loops
Learn how to use the "while" loop and the "do-while" loop in JavaScript.
11 Modules:
- What Is a While Loop?
- Detect a Path
- Forward, Left
- Right, Forward
- What Is a Do-While Loop?
- Path Ahead?
- Left Spiral
- Right Spiral
- Choose a Path
- Review
- Quiz
Variables
Learn to use variables to store information in JavaScript.
15 Modules:
- What Are Variables?
- Fuel Up
- Stockpile
- Rocket Jump
- What Are Strings?
- Treasure Chest 1
- How Do You Declare Multiple Variables?
- Open Fire
- It's a Toughie
- Treasure Chest 2
- Junkyard
- Smart Cannon
- Treasure Chest 3
- Review
- Quiz
Expressions
Learn about expressions in JavaScript.
11 Modules:
- What Are Expressions?
- X Marks the Spot 1
- X Marks the Spot 2
- What Are Numbers?
- What is Operator Precedence?
- X Marks the Spot 3
- X Marks the Spot 4
- What Are Arrays?
- What are Objects?
- Review
- Quiz
Using the Canvas
Discover the canvas element, sprites, layering, and sorting
14 Modules:
- What Is the HTML Canvas Element?
- How Do You Set Up the Canvas?
- How Do You Add Delays?
- How Do You Add Images?
- Slideshow
- What Are Canvas Coordinates?
- Design a Scene
- What Is Canvas Drawing?
- Snowman
- Concentricity
- How Do You Create Timed Loops?
- Animation
- Review
- Quiz
User Interaction
Learn to set up and handle keyboard and mouse events in JavaScript.
11 Modules:
- What Is User Interaction?
- What Are Keyboard Events?
- What Are Key Codes?
- Moving Ships
- Line Art
- What Are Mouse Events?
- What Is the Mouse Location?
- Follow the Mouse
- Stamping Tool
- Review
- Quiz
Game Design
Learn about game loops, win/loss conditions, and keeping score in JavaScript.
16 Modules:
- What Are Game Loops?
- Game Setup and Concept
- Game Obstacle
- Game Hero
- What Is Collision Detection?
- First Contact
- Finders Keepers
- How to Keep Score?
- Score Keeper
- What Are Win/Loss Conditions?
- Losing It
- Winning
- What Are Credits?
- Roll Credits
- Review
- Quiz
Snake
Create a "Snake" game on your own.
1 Module:
- Snake
Breakout
Build a game of "Breakout" on your own.
1 Module:
- Breakout
Pong
Program a game of "Pong" on your own.
1 Module:
- Pong
Final Game
Build a game of your choice. Choose from "Flappy Bird", "Alien Invaders", and "Geometry Dash".
3 Modules:
- Geometry Dash
- Alien Invaders
- Flappy Bird