notes
DevelopmentTeachingSnippetsCheat Sheets

Navigation

  • Teaching
    • AppsDev
      • Lesson Plans
      • Coding with AI
      • Coding with AI: Prompts & Reading JavaScript
      • JavaScript for Beginners
      • Activities
      • Dynamic Portfolio Website
      • Mini Product Store
      • Semester Project
      • Exercises
      • Read & Predict
      • AI Prompts
      • Prompt Flow
      • Using OpenCode CLI Instead of Copy-Pasting from ChatGPT
      • Cheat Sheets
      • How to Collaborate on GitHub
~/teaching/apps-dev/activities$

Activities

In-class activities that get students doing, not just listening.

~1 min read updated Jul 17, 2026 Activities

In-class activities that get students doing, not just listening.

In this section

Activities·3 min

Dynamic Portfolio Website

Build a personal portfolio website using JavaScript arrays, loops, and DOM manipulation instead of hardcoded HTML.

  • #teaching
  • #activity
  • #javascript
  • #portfolio
Activities·3 min

Mini Product Store

A JavaScript activity where students build a simple product store using arrays, loops, functions, DOM manipulation, and event listeners.

  • #teaching
  • #activity
  • #javascript
  • #dom
Activities·12 min

Semester Project

Teams of four build one frontend application over the whole semester using AI, in a single shared GitHub repository where everyone contributes.

  • #teaching
  • #activity
  • #capstone
  • #github

JavaScript for Beginners

Introduction to the fundamentals of JavaScript, from variables and functions to loops, DOM manipulation, and events. This lesson prepares students for the Mini Product Store activity.

Dynamic Portfolio Website

Build a personal portfolio website using JavaScript arrays, loops, and DOM manipulation instead of hardcoded HTML.

Related notes

Cheat Sheets·1 min

Cheat Sheets

Lesson Plans·1 min

Lesson Plans

Exercises·1 min

Exercises

AI Prompts·1 min

AI Prompts

notes

a second brain — a place to keep everything worth remembering.

DevelopmentTeachingSnippetsCheat SheetsTemplatesTroubleshooting Tags
built 2026-08-01 · nuxt · content · static all systems nominal