fix: update les 1

This commit is contained in:
Tim Rijkse
2026-02-02 11:13:55 +01:00
parent 11ad141eec
commit 5e5a8414a6
4 changed files with 198 additions and 102 deletions

View File

@@ -222,24 +222,53 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
---
### Slide 12: Gratis vs Betaald
*(3 minuten)*
### Slide 12: Gratis AI Opties
*(4 minuten)*
**Titel:** Heb je de betaalde versie nodig?
**Titel:** Gratis modellen - meer dan genoeg!
**Inhoud:**
| | Gratis | Betaald ($20/maand) |
|---|--------|---------------------|
| Model | GPT-4o (goed!) | GPT-4 (beste) |
| Snelheid | Langzamer bij drukte | Prioriteit |
| Limieten | ~10-15 berichten/3u | 40+ berichten/3u |
| Provider | Model | Sterk in | Privacy |
|----------|-------|----------|---------|
| **ChatGPT Free** | GPT-4o | Algemeen, code, images | Cloud |
| **Claude Free** | Sonnet 3.5 | Lange teksten, nuance | Cloud |
| **Gemini Free** | Gemini Pro | Google integratie | Cloud |
| **Groq** | Llama 3.3 | Supersnel, gratis API | Cloud |
| **Ollama** | Diverse (lokaal) | Privacy, offline | **Lokaal** |
**Voor deze cursus:** Gratis is voldoende!
**Conclusie:** Voor deze cursus is gratis ruim voldoende!
**Privacy tip:** Ollama draait lokaal → data verlaat je computer niet.
---
### Slide 13: Welke tool voor welke taak?
### Slide 13: Betaalde & Premium Modellen
*(3 minuten)*
**Titel:** Wanneer upgraden?
**Inhoud:**
**Betaald (~$20/maand):**
| Provider | Voordelen |
|----------|-----------|
| ChatGPT Plus | Meer berichten, sneller, GPT-4, DALL-E |
| Claude Pro | Meer berichten, prioriteit, langere context |
**Premium Tier:**
| Model | Kosten | Wanneer? |
|-------|--------|----------|
| **Claude Opus** | ~$75/maand API | Beste redenering, complexe taken |
| GPT-4 Turbo | Via Plus | Lange context, nieuwste features |
**Advies:** Start gratis. Upgrade alleen als je tegen limieten aanloopt.
---
### Slide 14: Welke tool voor welke taak?
*(4 minuten)*
**Titel:** Snelle vergelijking
@@ -252,6 +281,8 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
| Lange documenten | Claude (200K context) |
| Actueel nieuws | Grok of Perplexity |
| UI componenten | v0.dev (straks!) |
| Privacy-gevoelig | Ollama (lokaal) |
| Supersnel prototypen | Groq API |
**Tip:** Professionele developers gebruiken meerdere tools!
@@ -259,7 +290,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
## BLOK 4: CHATGPT IN DE PRAKTIJK (22 minuten)
### Slide 14: ChatGPT Interface
### Slide 15: ChatGPT Interface
*(3 minuten)*
**Titel:** Laten we ChatGPT openen
@@ -278,7 +309,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
---
### Slide 15: Model Kiezen
### Slide 16: Model Kiezen
*(2 minuten)*
**Titel:** Welk model gebruik je?
@@ -294,7 +325,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
---
### Slide 16: Tijdelijke Chat
### Slide 17: Tijdelijke Chat
*(2 minuten)*
**Titel:** Privacy: Tijdelijke Chat
@@ -312,7 +343,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
---
### Slide 17: Afbeeldingen Analyseren
### Slide 18: Afbeeldingen Analyseren
*(5 minuten)*
**Titel:** Image-to-Text - Cruciaal voor onze workflow!
@@ -333,7 +364,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
---
### Slide 18: Bestanden Uploaden
### Slide 19: Bestanden Uploaden
*(2 minuten)*
**Titel:** PDF's en documenten
@@ -350,7 +381,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
---
### Slide 19: Custom Instructions
### Slide 20: Custom Instructions
*(3 minuten)*
**Titel:** ChatGPT Personaliseren
@@ -368,7 +399,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
---
### Slide 20: Het Geheugen
### Slide 21: Het Geheugen
*(1 minuut)*
**Titel:** Wat onthoudt ChatGPT?
@@ -387,7 +418,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
---
### Slide 21: Praktijk Oefening
### Slide 22: Praktijk Oefening
*(4 minuten - studenten werken)*
**Titel:** Probeer het zelf!
@@ -404,7 +435,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
## BLOK 5: PROMPT ENGINEERING (12 minuten)
### Slide 22: Wat is Prompt Engineering?
### Slide 23: Wat is Prompt Engineering?
*(2 minuten)*
**Titel:** De kunst van het vragen stellen
@@ -421,7 +452,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
---
### Slide 23: Slechte vs Goede Prompt
### Slide 24: Slechte vs Goede Prompt
*(3 minuten)*
**Titel:** Het verschil zien
@@ -439,7 +470,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
---
### Slide 24: Prompt Framework
### Slide 25: Prompt Framework
*(2 minuten)*
**Titel:** 4 elementen van een goede prompt
@@ -453,7 +484,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
---
### Slide 25: Tech Stack Specificeren
### Slide 26: Tech Stack Specificeren
*(2 minuten)*
**Titel:** Vertel de AI welke technologie
@@ -472,7 +503,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
---
### Slide 26: Kleuren en Look & Feel
### Slide 27: Kleuren en Look & Feel
*(2 minuten)*
**Titel:** Visuele specificaties
@@ -489,7 +520,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
---
### Slide 27: Prompting Tips
### Slide 28: Prompting Tips
*(1 minuut)*
**Titel:** Samenvatting
@@ -506,7 +537,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
## BLOK 6: LIVE DEMO V0.DEV (25 minuten)
### Slide 28: Introductie v0.dev
### Slide 29: Introductie v0.dev
*(3 minuten)*
**Titel:** Van schets naar website
@@ -524,7 +555,7 @@ Tekening → Foto → ChatGPT → Prompt → v0.dev → Website!
---
### Slide 29: De Slimme Workflow
### Slide 30: De Slimme Workflow
*(3 minuten)*
**Titel:** 5 stappen
@@ -550,7 +581,7 @@ Tekening → Foto → ChatGPT → Prompt → v0.dev → Website!
---
### Slide 30: Live Demo - Schets Maken
### Slide 31: Live Demo - Schets Maken
*(3 minuten)*
**Titel:** Stap 1: Tekenen
@@ -568,7 +599,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 31: Live Demo - ChatGPT
### Slide 32: Live Demo - ChatGPT
*(7 minuten)*
**Titel:** Stap 2 & 3: Foto + Beschrijving
@@ -589,7 +620,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 32: Live Demo - v0.dev
### Slide 33: Live Demo - v0.dev
*(5 minuten)*
**Titel:** Stap 4 & 5: Genereren
@@ -605,7 +636,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 33: Live Demo - Itereren
### Slide 34: Live Demo - Itereren
*(2 minuten)*
**Titel:** Verfijnen
@@ -620,7 +651,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 34: Live Demo - Deployen
### Slide 35: Live Demo - Deployen
*(2 minuten)*
**Titel:** Live zetten
@@ -638,7 +669,7 @@ Blokken en lijnen zijn genoeg.
## BLOK 7: HANDS-ON OPDRACHT (50 minuten)
### Slide 35: Lesopdracht
### Slide 36: Lesopdracht
*(5 minuten uitleg)*
**Titel:** Nu zijn jullie aan de beurt!
@@ -660,7 +691,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 36: Aan de slag!
### Slide 37: Aan de slag!
*(45 minuten - studenten werken)*
**Titel:** Succes!
@@ -679,7 +710,7 @@ Blokken en lijnen zijn genoeg.
## BLOK 8: AFSLUITING (30 minuten)
### Slide 37: Resultaten Delen
### Slide 38: Resultaten Delen
*(8 minuten)*
**Titel:** Wie wil laten zien?
@@ -692,7 +723,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 38: Samenvatting
### Slide 39: Samenvatting
*(4 minuten)*
**Titel:** Wat hebben we geleerd?
@@ -707,7 +738,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 39: Huiswerk
### Slide 40: Huiswerk
*(5 minuten)*
**Titel:** Voor volgende week
@@ -724,7 +755,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 40: Volgende Les
### Slide 41: Volgende Les
*(1 minuut)*
**Titel:** Les 2: AI Code Assistants
@@ -739,7 +770,7 @@ Blokken en lijnen zijn genoeg.
---
### Slide 41: Vragen & Afsluiting
### Slide 42: Vragen & Afsluiting
*(12 minuten buffer)*
**Titel:** Tot volgende week!