fix: slides merge
This commit is contained in:
@@ -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!
|
||||
|
||||
Reference in New Issue
Block a user