rubberducky/novi-lessons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update les 1

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

166
Les01-Introductie-AI/Les01-Docenttekst.md
View File

@@ -239,27 +239,67 @@ _[Wijs naar de tabel]_
---
### Slide 12: Gratis vs Betaald
### Slide 12: Gratis AI Opties
**[31:00 - 34:00]** _(3 minuten)_
**[31:00 - 35:00]** _(4 minuten)_
"Een vraag die altijd komt: heb je de betaalde versie nodig?"
"Laten we het hebben over kosten. Want dat is een belangrijke vraag: moet je betalen voor AI?"
"Het korte antwoord voor deze cursus: nee. De gratis versie van ChatGPT draait op GPT-4o, en dat is al behoorlijk krachtig. Je kunt afbeeldingen uploaden, documenten analyseren, code genereren - alles wat we vandaag doen."
_[Wijs naar de tabel]_
_[Nuanceer]_
"Het korte antwoord: nee! Er zijn zoveel gratis opties dat je voor deze hele cursus geen cent hoeft uit te geven."
"Wat krijg je wel met de betaalde versie? Meer requests per uur - de gratis versie heeft limieten. Toegang tot de nieuwste modellen. En features als GPT-4 met canvas voor documenten bewerken."
"ChatGPT Free draait op GPT-4o - dat is al een heel krachtig model. Je kunt afbeeldingen uploaden, documenten analyseren, code genereren."
"Mijn advies: begin gratis. Gebruik het intensief. Als je merkt dat je constant tegen limieten aanloopt, kun je upgraden. Maar voor het leren van de concepten is gratis meer dan voldoende."
"Claude Free van Anthropic heeft Sonnet 3.5 - persoonlijk vind ik die uitstekend voor lange teksten en genuanceerde uitleg."
"En eerlijk gezegd: voor de workflow die we vandaag leren - schets naar website - is de gratis versie perfect."
"Gemini van Google is handig als je al in het Google ecosysteem zit."
_[Nu met nadruk]_
"Maar er zijn ook twee opties die jullie misschien niet kennen. Groq - G-R-O-Q - biedt een gratis API met Llama 3.3, een open source model. Het is ongelooflijk snel - sneller dan alle anderen - en helemaal gratis."
"En dan Ollama. Dit is anders. Met Ollama draai je AI modellen lokaal op je eigen laptop. Dat betekent: je data verlaat je computer nooit. Perfect voor als je werkt met gevoelige informatie."
_[Privacy punt]_
"Dit is belangrijk voor later in de cursus: als je met klantdata werkt, of gevoelige bedrijfsinformatie, wil je misschien niet dat dat naar OpenAI of Anthropic gaat. Dan is Ollama je vriend."
"Voor nu: ChatGPT Free is perfect voor wat we gaan doen."
---
### Slide 13: Welke tool voor welke taak?
### Slide 13: Betaalde & Premium Modellen
**[34:00 - 38:00]** _(4 minuten)_
**[35:00 - 38:00]** _(3 minuten)_
"Oké, maar wat als je tóch wilt upgraden? Wat krijg je dan?"
_[Wijs naar de betaalde sectie]_
"Voor ongeveer $20 per maand krijg je bij ChatGPT Plus of Claude Pro meer berichten, snellere response, en toegang tot premium features. Voor de meeste mensen is dit voldoende als ze professioneel met AI werken."
_[Nu over premium]_
"En dan is er de premium tier. Hier wil ik vooral Claude Opus noemen."
_[Met nadruk]_
"Opus is het beste model dat er is voor complexe redenering. Als je een echt moeilijk probleem hebt - iets waar je al drie uur op zit te staren - dan gooi je het naar Opus en krijg je vaak een doorbraak."
"Maar het is ook duur. Via de API kost het ongeveer $75 per maand als je het intensief gebruikt. Het is voor professionals die het echt nodig hebben."
_[Samenvatten]_
"Mijn advies: start gratis. Upgrade naar Plus of Pro als je tegen limieten aanloopt. En Opus? Dat bewaar je voor die momenten dat je echt vastloopt."
"Voor deze cursus: gratis is ruim voldoende."
---
### Slide 14: Welke tool voor welke taak?
**[38:00 - 42:00]** _(4 minuten)_
"Welke tool is het beste? Die vraag krijg ik vaak. En het eerlijke antwoord: het hangt af van wat je wilt doen."
@@ -271,7 +311,9 @@ _[Loop door de tabel]_
"Voor UI componenten - en dat is wat we straks gaan doen - gebruiken we v0.dev. Dat is een speciale tool van Vercel die geoptimaliseerd is voor het genereren van React componenten met Tailwind CSS."
"En voor zoeken naar actuele informatie gebruik je beter Perplexity of Gemini - die hebben toegang tot het internet. ChatGPT's kennis heeft een cutoff datum."
"Voor privacy-gevoelige zaken gebruik je Ollama - lokaal, geen data die je computer verlaat."
"En als je supersnel wilt prototypen, is Groq je vriend. Die API is zo snel dat het bijna instant voelt."
_[Praktische tip]_
@@ -281,9 +323,9 @@ _[Praktische tip]_
## BLOK 4: CHATGPT IN DE PRAKTIJK (22 minuten)
### Slide 14: ChatGPT Interface
### Slide 15: ChatGPT Interface
**[38:00 - 41:00]** _(3 minuten)_
**[42:00 - 45:00]** _(3 minuten)_
_[Energieke toon]_
@@ -301,9 +343,9 @@ _[Open ChatGPT op het projectiescherm]_
---
### Slide 15: Model Kiezen
### Slide 16: Model Kiezen
**[41:00 - 43:00]** _(2 minuten)_
**[45:00 - 47:00]** _(2 minuten)_
"Kijk even bovenaan je scherm. Daar staat welk model je gebruikt."
@@ -319,9 +361,9 @@ _[Wijs op je eigen scherm]_
---
### Slide 16: Tijdelijke Chat
### Slide 17: Tijdelijke Chat
**[43:00 - 45:00]** _(2 minuten)_
**[47:00 - 49:00]** _(2 minuten)_
"Nu iets belangrijks over privacy: tijdelijke chat."
@@ -335,9 +377,9 @@ _[Demonstreer waar dit staat]_
---
### Slide 17: Afbeeldingen Analyseren
### Slide 18: Afbeeldingen Analyseren
**[45:00 - 50:00]** _(5 minuten)_
**[49:00 - 54:00]** _(5 minuten)_
_[Dit is een belangrijke slide voor de workflow]_
@@ -365,9 +407,9 @@ _[Met nadruk]_
---
### Slide 18: Bestanden Uploaden
### Slide 19: Bestanden Uploaden
**[50:00 - 52:00]** _(2 minuten)_
**[54:00 - 56:00]** _(2 minuten)_
"Hetzelfde geldt voor documenten. Je kunt een PDF uploaden, een Word document, een Excel bestand, een code bestand."
@@ -379,9 +421,9 @@ _[Demonstreer kort met een document]_
---
### Slide 19: Custom Instructions
### Slide 20: Custom Instructions
**[52:00 - 55:00]** _(3 minuten)_
**[56:00 - 59:00]** _(3 minuten)_
"Dan iets heel nuttigs dat weinig mensen kennen: Custom Instructions."
@@ -399,9 +441,9 @@ _[Praktische tip]_
---
### Slide 20: Het Geheugen
### Slide 21: Het Geheugen
**[55:00 - 56:00]** _(1 minuut)_
**[59:00 - 60:00]** _(1 minuut)_
"Kort over geheugen. ChatGPT onthoudt je eerdere chats - je ziet ze in de zijbalk. Maar het gebruikt die informatie niet automatisch in nieuwe chats."
@@ -411,9 +453,9 @@ _[Praktische tip]_
---
### Slide 21: Praktijk Oefening
### Slide 22: Praktijk Oefening
**[56:00 - 60:00]** _(4 minuten - studenten werken)_
**[60:00 - 64:00]** _(4 minuten - studenten werken)_
"Oké, nu jullie. Vier minuten om te experimenteren."
@@ -432,9 +474,9 @@ _[Laat 1-2 studenten kort delen]_
## BLOK 5: PROMPT ENGINEERING (12 minuten)
### Slide 22: Wat is Prompt Engineering?
### Slide 23: Wat is Prompt Engineering?
**[60:00 - 62:00]** _(2 minuten)_
**[64:00 - 66:00]** _(2 minuten)_
"Nu komen we bij een cruciaal onderdeel: prompt engineering."
@@ -448,9 +490,9 @@ _[Laat 1-2 studenten kort delen]_
---
### Slide 23: Slechte vs Goede Prompt
### Slide 24: Slechte vs Goede Prompt
**[62:00 - 65:00]** _(3 minuten)_
**[66:00 - 69:00]** _(3 minuten)_
"Laat me het verschil laten zien."
@@ -470,9 +512,9 @@ _[Demonstreer live als tijd het toelaat]_
---
### Slide 24: Prompt Framework
### Slide 25: Prompt Framework
**[65:00 - 67:00]** _(2 minuten)_
**[69:00 - 71:00]** _(2 minuten)_
"Er is een framework dat helpt. Vier elementen die je kunt gebruiken."
@@ -490,9 +532,9 @@ _[Wijs naar elk element]_
---
### Slide 25: Tech Stack Specificeren
### Slide 26: Tech Stack Specificeren
**[67:00 - 69:00]** _(2 minuten)_
**[71:00 - 73:00]** _(2 minuten)_
"Nu iets dat jullie moeten begrijpen voor deze cursus: tech stack specificeren."
@@ -508,9 +550,9 @@ _[Met nadruk]_
---
### Slide 26: Kleuren en Look & Feel
### Slide 27: Kleuren en Look & Feel
**[69:00 - 71:00]** _(2 minuten)_
**[73:00 - 75:00]** _(2 minuten)_
"Het volgende dat je moet specificeren: kleuren en stijl."
@@ -526,9 +568,9 @@ _[Loop door de opties]_
---
### Slide 27: Prompting Tips
### Slide 28: Prompting Tips
**[71:00 - 72:00]** _(1 minuut)_
**[75:00 - 76:00]** _(1 minuut)_
"Even de tips op een rij voor we verder gaan:"
@@ -540,9 +582,9 @@ _[Loop door de opties]_
## BLOK 6: LIVE DEMO V0.DEV (25 minuten)
### Slide 28: Introductie v0.dev
### Slide 29: Introductie v0.dev
**[72:00 - 75:00]** _(3 minuten)_
**[76:00 - 79:00]** _(3 minuten)_
_[Energieke toon]_
@@ -558,9 +600,9 @@ _[Open v0.dev op je scherm]_
---
### Slide 29: De Slimme Workflow
### Slide 30: De Slimme Workflow
**[75:00 - 78:00]** _(3 minuten)_
**[79:00 - 82:00]** _(3 minuten)_
_[Wijs naar het diagram]_
@@ -584,9 +626,9 @@ _[Leg uit waarom]_
---
### Slide 30: Live Demo - Schets Maken
### Slide 31: Live Demo - Schets Maken
**[78:00 - 81:00]** _(3 minuten)_
**[82:00 - 85:00]** _(3 minuten)_
_[Pak pen en papier - dit is live!]_
@@ -604,9 +646,9 @@ _[Toon je tekening]_
---
### Slide 31: Live Demo - Foto naar ChatGPT
### Slide 32: Live Demo - Foto naar ChatGPT
**[81:00 - 88:00]** _(7 minuten)_
**[85:00 - 92:00]** _(7 minuten)_
_[Maak foto en upload naar ChatGPT]_
@@ -635,9 +677,9 @@ _[Wacht op volledige response]_
---
### Slide 32: Live Demo - Prompt naar v0
### Slide 33: Live Demo - Prompt naar v0
**[88:00 - 93:00]** _(5 minuten)_
**[92:00 - 97:00]** _(5 minuten)_
_[Kopieer en ga naar v0.dev]_
@@ -657,9 +699,9 @@ _[Klik op Code tab]_
---
### Slide 33: Live Demo - Itereren
### Slide 34: Live Demo - Itereren
**[93:00 - 95:00]** _(2 minuten)_
**[97:00 - 99:00]** _(2 minuten)_
"Maar we zijn niet klaar. De echte kracht is dat je kunt itereren."
@@ -673,9 +715,9 @@ _[Wacht op generatie]_
---
### Slide 34: Live Demo - Deployen
### Slide 35: Live Demo - Deployen
**[95:00 - 97:00]** _(2 minuten)_
**[99:00 - 101:00]** _(2 minuten)_
"Laatste stap: hoe krijg je dit online?"
@@ -693,9 +735,9 @@ _[Toon resultaat]_
## BLOK 7: HANDS-ON OPDRACHT (53 minuten)
### Slide 35: Opdracht Introductie
### Slide 36: Opdracht Introductie
**[97:00 - 102:00]** _(5 minuten uitleg)_
**[101:00 - 106:00]** _(5 minuten uitleg)_
"Nu zijn jullie aan de beurt. De opdracht is precies wat ik net deed."
@@ -725,9 +767,9 @@ _[Praktische info]_
---
### Slide 36: Aan de slag
### Slide 37: Aan de slag
**[102:00 - 150:00]** _(48 minuten - studenten werken)_
**[106:00 - 150:00]** _(44 minuten - studenten werken)_
"Succes! Ik loop rond voor vragen."
@@ -758,7 +800,7 @@ _[Studenten werken door tot 150:00]_
## BLOK 8: AFSLUITING (15 minuten)
### Slide 37: Resultaten Delen
### Slide 38: Resultaten Delen
**[150:00 - 158:00]** _(8 minuten)_
@@ -772,7 +814,7 @@ _[Geef korte positieve feedback per student]_
---
### Slide 38: Samenvatting
### Slide 39: Samenvatting
**[158:00 - 162:00]** _(4 minuten)_
@@ -792,7 +834,7 @@ _[Met nadruk]_
---
### Slide 39: Huiswerk
### Slide 40: Huiswerk
**[162:00 - 167:00]** _(5 minuten)_
@@ -814,7 +856,7 @@ _[Met nadruk]_
---
### Slide 40: Volgende Les
### Slide 41: Volgende Les
**[167:00 - 168:00]** _(1 minuut)_
@@ -824,7 +866,7 @@ _[Met nadruk]_
---
### Slide 41: Vragen
### Slide 42: Vragen
**[168:00 - 180:00]** _(12 minuten - buffer voor vragen en uitloop)_