113 lines
5.1 KiB
Markdown
113 lines
5.1 KiB
Markdown
# 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.
|