5.1 KiB
5.1 KiB
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
Les 2: OpenCode
- Voorbereiding ← NIEUW
- Slide-Overzicht
- Lesplan
- Docenttekst
- Keynote Notes
- Lesopdracht
- Huiswerkopdracht
Les 3: Cursor Basics
- Slide-Overzicht
- Lesplan
- Docenttekst
- Keynote Notes
- Lesopdracht
- Huiswerkopdracht
- PDFs:
- 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 voor de volledige reflectie.