fix: les 10
This commit is contained in:
39
readme.md
39
readme.md
@@ -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)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user