Choose a lesson

HTML(5 lessons)

Basic HTML(4 lessons)

Basic HTML

Lesson

Learn the fundamentals of HTML structure

Debug Camper Bot

Lesson

Fix the Camper Bot markup and script

Fix Image and Link Attributes

Lesson

Practice correcting common HTML attribute mistakes for <img> and <a> elements.

HTML Intro

Lesson

Build a simple HTML page

Semantic HTML(1 lessons)

Build a Cat Photo App

Lesson

Create a simple, accessible Cat Photo App that showcases images, lists, and a submission form using semantic HTML and a touch of CSS.

Unit 1: JavaScript Fundamentals(10 lessons)

1.1 Foundations(3 lessons)

1.1.1 What Is Programming / Software Lifecycle

LessonWeek 1

Learn what a program is, explore the SDLC, and write your first JavaScript using console.log().

1.1.2 Variables and Types

AssignmentWeek 2

Understand how to store and work with data using let, const, and typeof.

1.1.3 Operators and Expressions

AssignmentWeek 3

Practice arithmetic, string concatenation, and comparison operators.

1.2 Control Flow(4 lessons)

1.2.1 Conditionals

AssignmentWeek 4

Control program flow with if/else, ternary, and switch statements.

1.2.3 Algorithm Practice

AssignmentWeek 5

Implement simple algorithms following step-by-step pseudocode.

1.2.2 Introduction to Algorithms

LessonWeek 5

Learn what algorithms are and practice writing pseudocode.

1.2.4 Loops

AssignmentWeek 6

Repeat actions using for, while, and do-while loops.

1.3 Functions and Data(2 lessons)

1.3.1 Functions

AssignmentWeek 7

Group code into reusable logic blocks with parameters and return values.

1.3.2 Arrays

AssignmentWeek 8

Work with lists of values: create, add, remove, and iterate.

1.4 Synthesis(1 lessons)

1.4.1 Print Job Manager

ProjectWeek 9

Q1 Capstone: Build a print job queue using arrays, functions, loops, and conditionals.

Unit 2: JSCAD — 2D to 3D(3 lessons)

2.1 JSCAD Foundations(3 lessons)

2.1.1 Libraries and JSCAD Introduction

AssignmentWeek 10

Learn what a software library is, import @jscad/modeling, and write your first 3D program.

2.1.2 2D Shapes and Transforms

AssignmentWeek 11

Create 2D primitives and apply transforms to build compositions.

2.1.3 Boolean Operations

AssignmentWeek 12

Use union, subtract, and intersect to combine and cut 2D shapes.

Unit 5: q5play — Game Physics(15 lessons)

5.1 Sprites & Movement(3 lessons)

5.1.2 Falling Block — Worked Example

LessonWeek 13

A dynamic block falls under gravity and lands on a static floor. Read the example, then experiment.

5.1.1 Hello Sprite

LessonWeek 13

Your first q5play sketch: a canvas, a sprite, a background color.

5.1.3 Space Jumper — Challenge

AssignmentWeek 13

Build a one-sprite platformer: arrow keys move, space jumps — but only when on the ground.

5.2 Physics Feel(3 lessons)

5.2.1 Bouncy Ball

LessonWeek 14

Learn how bounciness and friction change how sprites feel.

5.2.3 Car on a Ramp — Challenge

AssignmentWeek 14

Build a two-wheeled car using WheelJoints and drive it up a ramp with arrow keys.

5.2.2 Swinging Pendulum — Worked Example

LessonWeek 14

A rod hangs from a fixed anchor using a HingeJoint. Click to give it a push.

5.3 Groups & Overlaps(3 lessons)

5.3.2 Apple Catcher — Worked Example

LessonWeek 15

Catch falling apples with a basket. Learn overlap detection and per-frame spawning.

5.3.3 Asteroid Field — Challenge

AssignmentWeek 15

A ship flies through asteroids. Bullets (a Group) destroy asteroids on overlap; hitting one ends the game.

5.3.1 Introducing Groups

LessonWeek 15

Groups let you treat many sprites as one. Create, configure, and iterate a Group.

5.4 Animation & Camera(3 lessons)

5.4.1 Animated Sprites

LessonWeek 16

Cycle frames procedurally: rotate, scale, recolor. A lightweight taste of animation without sprite sheets.

5.4.2 Camera Follow — Worked Example

LessonWeek 16

A level wider than the canvas. The camera follows the player, making the world scroll.

5.4.3 Side-Scrolling Platformer — Challenge

AssignmentWeek 16

A multi-platform level with camera follow, a goal flag, and a win condition.

5.5 Joints & Advanced Input(3 lessons)

5.5.1 Joints: Distance, Hinge, Slider

LessonWeek 17

Connect two sprites with different joint types. See how each joint constrains motion.

5.5.2 Slingshot — Worked Example

LessonWeek 17

Drag a ball back from a fixed anchor, release, and watch it launch.

5.5.3 Two-Player Pong-Sumo — Challenge

AssignmentWeek 17

Two sprites, two control schemes, one ball. Push the ball past the other player's side to score.