fix: les 10

This commit is contained in:
Tim Rijkse
2026-02-02 08:29:06 +01:00
parent b39c4245c2
commit b0804d0adf
2 changed files with 90 additions and 243 deletions

View File

@@ -19,7 +19,7 @@ Een 18-weekse cursus die studenten meeneemt van AI-beginner naar AI-powered deve
| 07 | [Next.js Fundamentals 2: API Routes & Data Fetching](Samenvattingen/Les07-Samenvatting.md) | 2 | 📋 Samenvatting |
| 08 | [Database Principles](Samenvattingen/Les08-Samenvatting.md) | 2 | 📋 Samenvatting |
| 09 | [Supabase Basics](Samenvattingen/Les09-Samenvatting.md) | 2 | 📋 Samenvatting |
| 10 | [AI Tool Selection & Workflows](Samenvattingen/Les10-Samenvatting.md) | 3 | 📋 Samenvatting |
| 10 | [Full-Stack Mini Project](Samenvattingen/Les10-Samenvatting.md) | 3 | 📋 Samenvatting |
| 11 | [Hands-on: Van Idee naar Prototype](Samenvattingen/Les11-Samenvatting.md) | 3 | 📋 Samenvatting |
| 12 | [Introduction to Cursor](Samenvattingen/Les12-Samenvatting.md) | 3 | 📋 Samenvatting |
| 13 | [Prompt Engineering & Custom GPTs](Samenvattingen/Les13-Samenvatting.md) | 4 | 📋 Samenvatting |
@@ -37,7 +37,7 @@ Een 18-weekse cursus die studenten meeneemt van AI-beginner naar AI-powered deve
|------|--------|-------|--------|
| Deel 1: AI Foundations | 1-4 | ChatGPT, v0.dev, OpenCode, WebStorm | Gratis (WebStorm via school) |
| Deel 2: Technical Foundations | 5-9 | TypeScript, Next.js, React Query, Supabase | Gratis |
| Deel 3: AI Tooling & Prototyping | 10-12 | ChatGPT, Claude, v0.dev, OpenCode, Cursor | Free tier beschikbaar |
| Deel 3: Integration & AI Tooling | 10-12 | Next.js, Supabase, Cursor | Free tier beschikbaar |
| Deel 4: Advanced AI Features | 13-18 | Cursor, Custom GPTs, Claude Projects, Vercel AI SDK, Tool Calling, Agents | Free tier beschikbaar |
**Eindopdracht:** Cursor (free tier voldoende)
@@ -333,41 +333,32 @@ Stevige technische basis: TypeScript, Next.js, databases en Supabase.
---
# Deel 3: AI Tooling & Prototyping
# Deel 3: Integration & AI Tooling
**3 lessen · 5 EC**
AI tools effectief inzetten voor professionele development.
Integratie van alle geleerde technieken en introductie van professionele AI tools.
---
### Les 10: AI Tool Selection & Workflows
### Les 10: Full-Stack Mini Project
**Tools:** ChatGPT, Claude, v0.dev, OpenCode
**Tools:** VS Code, Supabase, Browser DevTools
**Docent vertelt:**
- Overzicht van alle AI tools die we kennen
- Sterke en zwakke punten per tool
- Wanneer gebruik je welke tool?
- Tool selection framework: taak → tool
- Workflow patterns voor AI-assisted development
- Je hebt nu alle bouwstenen: TypeScript, Next.js, Supabase
- Vandaag combineren we alles in een werkende mini-app
- Geen nieuwe concepten - alleen integratie en toepassing
**Studenten doen:**
- Dezelfde taak uitvoeren in 3 verschillende tools
- Output vergelijken en analyseren
- Tool selection framework invullen
- Eigen workflow documenteren
- **Groepsdiscussie:** Bespreek Supabase ervaringen uit Les 9 - welke uitdagingen bij auth en RLS?
- Bookmark manager bouwen: login, bookmarks toevoegen/bekijken/verwijderen
- Alle geleerde technieken combineren
- Zelfstandig integratieproblemen oplossen
| Tool | Sterk in | Minder sterk in |
|------|----------|-----------------|
| ChatGPT | Brainstormen, uitleg, planning | Grote codebases |
| Claude | Lange context, nuance, analyse | Soms te voorzichtig |
| v0.dev | UI components, snel prototypen | Complexe logica |
| OpenCode | Code schrijven, project context | Geen web access |
**Lesopdracht:** Bouw een Personal Bookmarks app met login, CRUD operaties, en RLS. Checkpoints: 30 min setup, 60 min auth, 90 min CRUD, 120 min delete, 150 min polish.
**Lesopdracht:** Bouw een "Contact Form" component met 3 tools (ChatGPT planning → v0.dev UI → OpenCode logica). Documenteer per tool: wat werkte, wat niet, hoe lang duurde het.
**Huiswerk:** Maak je eigen "Tool Selection Cheat Sheet", test het op 2 nieuwe taken, reflecteer op je workflow (400 woorden).
**Huiswerk:** Reflectie schrijven (200 woorden): wat ging goed, waar liep je vast. Maak lijst van 3 verbeterpunten voor je code.
[→ Ga naar Les 10](Samenvattingen/Les10-Samenvatting.md)