Labs

1-2-Day In-Class Assignments

Lab 1 - File Publishing and Validation

In this activity, you will publish a web site!

Lab 2 - Document Structure with HTML

In this lab, you will use HTML to “markup” plain text into a structured document.

Lab 10 - Card Creator

Make greeting cards to send to your friends (or enemies)!

Lab 11 - Card Viewer

Make a viewer (and editor) for your greeting cards!

Lab 14 - Play Fetch

Use fetch() to interact with third-party APIs and modify HTML based on the result.

Lab 15 - Persistence: User Experience

Build on earlier experience with the browser’s localStorage and location Web APIs to create a more featureful user experience.

Lab 16 - Persistence: Import/Export

Build on earlier experience with the browser’s localStorage using the FileReader to support export/import of app state.

Lab - Bootstrap

In this lab, you will try out the Bootstrap design framework.

Lab - Responsive Branching in Week 07

Responsive mode: TINY! 🥹

Last modified November 20, 2025: Simplify E3 Q2-3 solution (c3e4183)