← All Programs

Invent the Future

Two weeks. One hackathon. One real audience.

Week 1 is the foundation: HTML, CSS, and JavaScript through hands-on sessions, then time on prompt engineering — how to get reliably useful results from an AI model. By the end of Friday you'll know enough to build something real.

Week 2 is the hackathon. You form a team, pick a social-impact problem, and spend four sprint days building a working web application before Day 10's presentation.

Day-by-day, step by step.

Day 1

Day 1 — Welcome to the Web

7 lessons

You start with nothing and end with a working web page. In the morning you'll learn how HTML gives content structure and CSS gives it style, then spend the afternoon building your own About Me page from scratch — no hand-holding. By the end of the day you have your first portfolio piece.

  1. 01 Camp Kickoff
  2. 02 How the Web Works
  3. 03 Files & Folders
  4. 04 Your Code Editor
  5. 05 HTML
  6. 06 CSS — Syntax & The Cascade
  7. 07 Lab: About Me Page
Day 2

Day 2 — JavaScript and Prompting

5 lessons

You make your page do things. JavaScript brings HTML to life — you'll learn to respond to button clicks, read what a user types, and update the page without reloading. Toward the end of the day you write your first AI prompts and find out what "zero-shot" means.

  1. 01 Intro to JavaScript
  2. 02 JavaScript: Conditionals & Input
  3. 03 Mini-Challenge: Make Your Page Interactive
  4. 04 What is an LLM?
  5. 05 Zero-Shot Prompting
Day 3

Day 3 — Prompting Techniques I

5 lessons

You move from "here's a prompt" to "here's a strategy." One-shot and few-shot prompting let you guide the model with examples instead of instructions alone. Then a crash course in visual design hands you the vocabulary professionals use — and a lab puts techniques and design specs directly in service of web features.

  1. 01 One-Shot Prompting
  2. 02 Few-Shot Prompting
  3. 03 Mini-Challenge: Zero vs. One vs. Few
  4. 04 Visual Design Fundamentals
  5. 05 Lab: Prompting for Web Components
Day 4

Day 4 — Prompting Techniques II

5 lessons

You complete the toolkit. Structured output gets the model to return data your code can use. Chain-of-thought reasoning walks it through problems step by step. Then you run all three major models side-by-side to see where they differ.

  1. 01 Structured Output
  2. 02 Chain-of-Thought Prompting
  3. 03 Mini-Challenge: Stack the Techniques
  4. 04 Meet the Models: Choose Your Tool
  5. 05 Lab: Full Technique Synthesis
Day 5

Day 5 — Team Formation and Project Scoping

3 lessons

Skills week ends with a decision: what are you building, and who are you building it with? You'll form your team, choose your social-impact problem, lock in a project scope, and put your plan up for a gallery walk before Week 2 starts.

  1. 01 Team formation
  2. 02 Project scoping
  3. 03 Wireframes and prompting plan
Day 6

Day 6 — Sprint 1: HTML Scaffold

3 lessons

Week 2 is a four-day hackathon. Sprint 1 is about getting every section of your app into the HTML — structure, navigation, all of it named and in place. Nothing needs to look good yet; everything needs to exist.

  1. 01 Sprint 1 kickoff
  2. 02 Files & Folders
  3. 03 HTML
Day 7

Day 7 — Sprint 2: CSS and Content

3 lessons

The scaffold gets a skin. Today you write the real content and the CSS that turns your app from a default browser stylesheet into something that looks like a considered design.

  1. 01 Sprint 2 kickoff
  2. 02 The CSS Box Model
  3. 03 Flexbox
Day 8

Day 8 — Sprint 3: JavaScript and Interactivity

4 lessons

Your app becomes interactive. You wire the JavaScript that makes it actually do something — form inputs, dynamic content, whatever user interactions your project needs. Mid-afternoon is a checkpoint demo so every team can see where the others stand.

  1. 01 Sprint 3 kickoff
  2. 02 Intro to JavaScript
  3. 03 JavaScript: Conditionals & Input
  4. 04 Mid-point demo
Day 9

Day 9 — Sprint 4: Polish and Pitch Prep

3 lessons

Final build day. Morning is finishing what you started. Then you ship: every team deploys its project live on Netlify, and every camper deploys their own About Me page. Afternoon you stop building and start pitching — because a working product you can explain clearly beats a half-finished one you can't.

  1. 01 Sprint 4 kickoff
  2. 02 Ship It: Deploy Your Site
  3. 03 Pitch prep
Day 10

Day 10 — Demo Day

3 lessons

You present. Real audience, real feedback. Seven minutes per team: the problem, a live demo from your deployed URL, and what you learned building it. Then the closing ceremony.

  1. 01 Final fixes
  2. 02 Demo Day presentations
  3. 03 Closing ceremony