Web Browser

Instructor notes and materials are always displayed in this amber color. They are meant to help you understand the project and how to teach it, but they are not necessary for students to read.

Internet access is not required to run the projects, but it may be needed to install a code editor. Once installed, you can work entirely offline.

A text editor is required. You cannot use a word processor (like Word or Google Docs) as these do not generate plain text files.

These projects are designed to be quick, fun, and to encourage immediate experimentation.

Projects use HTML, CSS, and JavaScript. No prior experience is necessary; we focus on the best way to get started rather than professional standards.

Every project runs as-is. The magic happens when students customize colors and fonts.

Copying code accurately is often the biggest hurdle; consider providing text for them to copy and paste (every code block has a copy option above it).

Or, if appropriate, you can skip the typing altogether and have students focus on the app itself and experimenting with it. At the bottom of each project page you'll find the complete final code that you can simply copy and paste into a text editor, open it in a browser to see it work immediately.

Every project includes a print link which you can use to create student handouts.