fix: slides merge

This commit is contained in:
Tim Rijkse
2026-02-02 18:05:44 +01:00
parent 7a0c98608e
commit 466c99284f
2 changed files with 52 additions and 137 deletions

View File

@@ -592,77 +592,27 @@ Tekening → Foto → ChatGPT → Prompt → v0.dev → Website!
---
### Slide 31: Live Demo - Schets Maken
*(3 minuten)*
### Slide 31: Live Demo
*(15 minuten)*
**Titel:** Stap 1: Tekenen
**Titel:** Van schets naar website - live!
**Inhoud:**
*[Docent tekent live op papier]*
*[Docent demonstreert de workflow live]*
**Ik teken een hero section:**
- Links: titel + tekst + button
- Rechts: afbeelding placeholder
**De stappen:**
- ✏️ **Tekenen:** Simpele hero section op papier (blokken en lijnen)
- 📸 **Foto:** Upload naar ChatGPT Project
- 💬 **Prompt:** "Beschrijf als v0.dev prompt, React + Tailwind, blauw thema"
-**v0.dev:** Prompt plakken → genereren (~30 sec)
- 🔄 **Itereren:** "Make button larger", "Add gradient"
**Het hoeft niet mooi te zijn!**
Blokken en lijnen zijn genoeg.
**Belangrijk:** Deployment laat ik NIET zien - dat zoeken jullie straks zelf uit!
---
### Slide 32: Live Demo - ChatGPT
*(7 minuten)*
**Titel:** Stap 2 & 3: Foto + Beschrijving
**Inhoud:**
*[Docent maakt foto en upload naar ChatGPT]*
**Prompt:**
> "Dit is een schets voor een hero section.
>
> Beschrijf dit als een prompt voor v0.dev.
>
> Tech stack: React met Tailwind CSS
> Kleuren: Blauw thema, primary #2563EB
> Stijl: Modern, minimalistisch
> Doel: SaaS landingspagina voor TaskFlow"
---
### Slide 33: Live Demo - v0.dev
*(5 minuten)*
**Titel:** Stap 4 & 5: Genereren
**Inhoud:**
*[Docent kopieert prompt naar v0.dev]*
**Let op:**
- Generatie duurt ~30 seconden
- Direct een preview
- Code is React + Tailwind
---
### Slide 34: Live Demo - Itereren
*(2 minuten)*
**Titel:** Verfijnen
**Inhoud:**
**Follow-up prompts:**
- "Make the button larger with hover animation"
- "Add gradient to the background"
**Dit is de kracht:** In gesprek gaan met de AI!
---
### Slide 35: Hoe deploy je naar Vercel?
### Slide 32: Hoe deploy je naar Vercel?
*(2 minuten)*
**Titel:** Straks: Live zetten
@@ -677,13 +627,13 @@ Blokken en lijnen zijn genoeg.
**Resultaat:** `jouw-project.vercel.app`
*Ik laat dit nu niet zien - jullie gaan dit straks zelf uitzoeken!*
*Dit gaan jullie straks zelf uitzoeken!*
---
## BLOK 7: HANDS-ON OPDRACHT (50 minuten)
### Slide 36: Lesopdracht
### Slide 33: Lesopdracht
*(5 minuten uitleg)*
**Titel:** Nu zijn jullie aan de beurt!
@@ -709,7 +659,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 37: Aan de slag!
### Slide 34: Aan de slag!
*(45 minuten - studenten werken)*
**Titel:** Succes!
@@ -732,7 +682,7 @@ Blokken en lijnen zijn genoeg.
## BLOK 8: AFSLUITING (30 minuten)
### Slide 38: Resultaten Delen
### Slide 35: Resultaten Delen
*(8 minuten)*
**Titel:** Wie wil laten zien?
@@ -745,7 +695,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 39: Samenvatting
### Slide 36: Samenvatting
*(4 minuten)*
**Titel:** Wat hebben we geleerd?
@@ -760,7 +710,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 40: Huiswerk
### Slide 37: Huiswerk
*(5 minuten)*
**Titel:** Voor volgende week
@@ -777,7 +727,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 41: Volgende Les
### Slide 38: Volgende Les
*(1 minuut)*
**Titel:** Les 2: AI Code Assistants
@@ -792,7 +742,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 42: Vragen & Afsluiting
### Slide 39: Vragen & Afsluiting
*(12 minuten buffer)*
**Titel:** Tot volgende week!