# V2 Lesmateriaal

Verbeterde versie van het lesmateriaal op basis van feedback uit de eerste lesreeks.

## Belangrijkste verbeteringen

### Algemeen
- **Voorbereidingsdocument:** Studenten krijgen een checklist om VOOR de les te doorlopen
- **Platform-specifieke instructies:** Aparte secties voor Windows en Mac
- **Checkpoints:** "Wacht" momenten zodat iedereen kan bijblijven
- **Troubleshooting secties:** Veelvoorkomende problemen met oplossingen

### Les 1
- Strakker stappenplan voor account setup (v0, GitHub, Vercel)
- Kleinere stappen met checkpoints
- Troubleshooting slide toegevoegd

### Les 2
- **Les 0 - Voorbereiding** toegevoegd met:
  - NVM + Node.js installatie
  - Git setup
  - SSH key configuratie
  - Terminal basics
- Installatie-instructies pas NA conceptuele uitleg
- Duidelijker onderscheid OpenCode terminal vs System terminal
- Meerdere gratis AI model opties (backup voor token limits)

### Les 3
- **Nieuw onderwerp:** Oorspronkelijk privacy/security, nu Cursor Basics (betere aansluiting bij de praktijk)
- Flow: git init → Cursor → npx create-next-app → Skills/Docs → .cursorrules via Chat → componenten bouwen
- npx toegevoegd aan terminal setup check
- Hands-on opdracht als losse PDF (75 min bouwen na de pauze)
- Debug Challenge huiswerk in drie niveaus:
  - **Standaard:** 5 fouten (missing deps, typos, missing imports, inline styles)
  - **Hard:** 12 fouten (+ logische fouten, React anti-patterns, useEffect bugs)
  - **Super Hard:** 18 fouten (+ Next.js Server/Client, circular deps, TypeScript, Context)
- Alle PDFs consistent opgemaakt met dezelfde visuele stijl

---

## Bestanden

### Les 1: Introductie tot AI
- [Slide-Overzicht](Les01-Introductie-AI/Les01-Slide-Overzicht.md)
- [Lesplan](Les01-Introductie-AI/Les01-Lesplan.md)
- [Docenttekst](Les01-Introductie-AI/Les01-Docenttekst.md)
- [Keynote Notes](Les01-Introductie-AI/Les01-Docenttekst-Notes.md)
- [Lesopdracht](Les01-Introductie-AI/Les01-Bijlage-A-Lesopdracht.md)
- [Huiswerkopdracht](Les01-Introductie-AI/Les01-Bijlage-B-Huiswerkopdracht.md)

### Les 2: OpenCode
- **[Voorbereiding](Les02-OpenCode/Les02-Voorbereiding.md)** ← NIEUW
- [Slide-Overzicht](Les02-OpenCode/Les02-Slide-Overzicht.md)
- [Lesplan](Les02-OpenCode/Les02-Lesplan.md)
- [Docenttekst](Les02-OpenCode/Les02-Docenttekst.md)
- [Keynote Notes](Les02-OpenCode/Les02-Docenttekst-Notes.md)
- [Lesopdracht](Les02-OpenCode/Les02-Bijlage-A-Lesopdracht.md)
- [Huiswerkopdracht](Les02-OpenCode/Les02-Bijlage-B-Huiswerkopdracht.md)

### Les 3: Cursor Basics
- [Slide-Overzicht](Les03-Cursor-Basics/Les03-Slide-Overzicht.md)
- [Lesplan](Les03-Cursor-Basics/Les03-Lesplan.md)
- [Docenttekst](Les03-Cursor-Basics/Les03-Docenttekst.md)
- [Keynote Notes](Les03-Cursor-Basics/Les03-Docenttekst-Notes.md)
- [Lesopdracht](Les03-Cursor-Basics/Les03-Bijlage-A-Lesopdracht.md)
- [Huiswerkopdracht](Les03-Cursor-Basics/Les03-Bijlage-B-Huiswerkopdracht.md)
- **PDFs:**
  - [Hands-On Opdracht](Les03-Cursor-Basics/Les03-Hands-On-Opdracht.pdf)
  - [Huiswerkopdracht](Les03-Cursor-Basics/Les03-Huiswerkopdracht.pdf)
  - [Debug Challenge Hard](Les03-Cursor-Basics/Les03-Debug-Challenge-Hard-Opdracht.pdf)
  - [Debug Challenge Super Hard](Les03-Cursor-Basics/Les03-Debug-Challenge-SuperHard-Opdracht.pdf)
- **Zip-bestanden:**
  - les3-debug-challenge.zip (standaard — 5 fouten)
  - les3-debug-challenge-hard.zip (hard — 12 fouten)
  - les3-debug-challenge-super-hard.zip (super hard — 18 fouten)
- **Antwoordenbladen** (alleen voor docent):
  - Les03-Debug-Challenge-ANTWOORDEN.md
  - Les03-Debug-Challenge-Hard-ANTWOORDEN.md
  - Les03-Debug-Challenge-SuperHard-ANTWOORDEN.md

### Les 4: TypeScript Fundamentals (v2 verbeteringen)
- Escaperoom opdracht behouden (werkte goed)
- Meer live coding demonstraties toevoegen
- Klassikaal format: Tim lost samen met klas de eerste kamers op

### Les 5: Next.js — Het React Framework (v2 verbeteringen)
**GROTE WIJZIGING:** Les 5 wordt gesplitst over Les 5 + Les 6
- Les 5 Part 1: Theorie blok 1-3 (~45 min) + QuickPoll stap 0-3 (klassikaal)
- Les 6 Part 2: Theorie blok 4 (~30 min) + QuickPoll stap 4-7 (klassikaal)
- Originele Les 5 "TypeScript voor React" geschrapt als losse les — TS geïntegreerd in Next.js lessen
- Alle hands-on werk is nu KLASSIKAAL (Tim codeert voor, studenten volgen mee)
- Minder theorie slides, meer demo's
- Curriculum verschuift: oude Les 9-18 worden Les 7-18

### Lesformat Wijziging (alle lessen)
Op basis van studentfeedback na Les 5:
- OUD: ~60 min theorie + 15 min pauze + ~105 min zelfstandig werken
- NIEUW: ~45 min theorie (demo-driven) + 15 min pauze + ~120 min klassikaal bouwen
- Studenten gaven aan liever SAMEN te werken
- Meer sparren, meer houvast, minder solo-struggle
- Tim codeert voor op scherm, studenten volgen mee, regelmatig "nu jullie" momenten
- Dit geldt retroactief voor v2 van alle lessen

---

## Changelog t.o.v. v1

- **Lesformat:** Alle lessen omgezet naar klassikaal/collaborative format
- **Curriculum:** Les 5-8 geherstructureerd — 4 lessen → 2 lessen, rest verschuift
- **Extra werkdagen:** 3 eindproject werkdagen i.p.v. 1

Zie [v1-feedback.md](../v1-feedback.md) voor de volledige reflectie.