Les	Onderwerp	Deel	Status
01	Introductie tot AI en Large Language Models	1	✅ Uitgewerkt
02	AI Code Assistants en OpenCode Desktop App	1	📋 Samenvatting
03	IDE Integratie: WebStorm en Cursor	1	📋 Samenvatting
04	Prompt Engineering Deep Dive	2	📋 Samenvatting
05	Skills.sh - Herbruikbare AI Packages	2	📋 Samenvatting
06	Supabase Fundamentals	2	📋 Samenvatting
07	Supabase Advanced Features	2	📋 Samenvatting
08	MCP - Model Context Protocol	2	📋 Samenvatting
09	AI Agents en Agentic Coding	2	📋 Samenvatting
10	Claude Code CLI	3	📋 Samenvatting
11	Custom GPTs en Claude Projects	3	📋 Samenvatting
12	AI-Assisted Testing Basics	3	📋 Samenvatting
13	Advanced Testing met AI	3	📋 Samenvatting
14	Deployment en CI/CD	3	📋 Samenvatting
15	Capstone Project Start	3	📋 Samenvatting
16	Capstone Development	3	📋 Samenvatting
17	Capstone Afronding	3	📋 Samenvatting
18	Presentaties en Afsluiting	3	📋 Samenvatting

Deel 1: Fundamentals of AI-Driven Development

3 lessen · 5 EC

Kennismaking met AI, LLMs en de basis van AI-assisted development. Van eerste prompt tot werkende applicatie.

Les 1: Introductie tot AI en Large Language Models

Kennismaking met AI, LLMs, ChatGPT en de basis van prompt engineering. Praktische workflow van schets op papier naar werkende website met v0.dev.

Tools: ChatGPT, v0.dev, Vercel, GitHub

→ Ga naar Les 1

Les 2: AI Code Assistants en OpenCode Desktop App

Introductie tot standalone AI coding tools. OpenCode als eerste hands-on ervaring met AI-geïntegreerde development.

Tools: OpenCode Desktop App, Ollama/Groq API

→ Ga naar Les 2

Les 3: IDE Integratie: WebStorm en Cursor

AI-assistants binnen bestaande development workflows. Vergelijking van WebStorm met OpenCode plugin vs Cursor als AI-native IDE.

Tools: WebStorm + OpenCode plugin, Cursor

→ Ga naar Les 3

Deel 2: Intermediate AI-Driven Development

6 lessen · 10 EC

Verdieping in prompt engineering, backend development met Supabase, en introductie tot AI agents en MCP.

2.1 Prompt Engineering & Skills

Les 4: Prompt Engineering Deep Dive

Geavanceerde prompt technieken voor consistente, hoogwaardige output.

Tools: ChatGPT, Claude

→ Ga naar Les 4

Les 5: Skills.sh - Herbruikbare AI Packages

Skills als herbruikbare best-practices packages. Hoe je bestaande skills gebruikt en eigen skills maakt.

Tools: Skills.sh, Claude Code

→ Ga naar Les 5

2.2 Backend & Database

Les 6: Supabase Fundamentals

Backend-as-a-Service met Supabase. Database, authenticatie en storage basics.

Tools: Supabase (Database, Auth, Storage)

→ Ga naar Les 6

Les 7: Supabase Advanced Features

Geavanceerde Supabase features: Realtime subscriptions, Edge Functions en Row Level Security.

Tools: Supabase (Realtime, Edge Functions, RLS)

→ Ga naar Les 7

2.3 AI Integration

Les 8: MCP - Model Context Protocol

AI verbinden met externe data en services via het Model Context Protocol.

Tools: MCP Servers, Claude Desktop

→ Ga naar Les 8

Les 9: AI Agents en Agentic Coding

Van simpele prompts naar autonome AI agents die taken uitvoeren.

Tools: Claude, Agent frameworks

→ Ga naar Les 9

Deel 3: Advanced AI-Driven Development

9 lessen · 15 EC

Geavanceerde AI tools, testing, deployment en het capstone project.

3.1 Advanced AI Tools

Les 10: Claude Code CLI

Command-line AI development met Claude Code. Agentic mode en autonome development.

Tools: Claude Code CLI

→ Ga naar Les 10

Les 11: Custom GPTs en Claude Projects

Gepersonaliseerde AI-assistants bouwen voor specifieke taken en projecten.

Tools: OpenAI GPT Builder, Claude Projects

→ Ga naar Les 11

3.2 Testing

Les 12: AI-Assisted Testing Basics

AI gebruiken voor het schrijven van unit tests en component tests.

Tools: Vitest, React Testing Library, MSW

→ Ga naar Les 12

Les 13: Advanced Testing met AI

End-to-end testing en test automation met AI assistance.

Tools: Playwright, AI test generation

→ Ga naar Les 13

3.3 Deployment

Les 14: Deployment en CI/CD

Van development naar productie met AI-ondersteunde deployment pipelines.

Tools: Vercel, GitHub Actions

→ Ga naar Les 14

3.4 Capstone Project

Les 15: Capstone Project Start

Projectkeuze, planning en architectuur. Eerste AI-assisted development sprint.

Tools: Alle geleerde tools

→ Ga naar Les 15

Les 16: Capstone Development

Hoofdontwikkeling van het capstone project met focus op testing en kwaliteit.

Tools: Alle geleerde tools

→ Ga naar Les 16

Les 17: Capstone Afronding

Deployment, documentatie en presentatievoorbereiding.

Tools: Vercel, Documentatie tools

→ Ga naar Les 17

Les 18: Presentaties en Afsluiting

Eindpresentaties, reflectie en vooruitblik naar de toekomst van AI development.

Tools: Presentatie tools

→ Ga naar Les 18

Tech Stack

Frontend: React, Tailwind CSS
Backend: Supabase (Postgres, Auth, Storage, Realtime, Edge Functions)
AI Tools: ChatGPT, Claude, v0.dev, OpenCode, Cursor, Claude Code
Testing: Vitest, React Testing Library, Playwright
Deployment: Vercel, GitHub Actions

Structuur per Les

Elke uitgewerkte les bevat:

Les[xx]-Slide-Overzicht.md - Slide deck structuur
Les[xx]-Lesplan.md - Tijdsindeling en activiteiten
Les[xx]-Docenttekst.md - Uitgebreide docenthandleiding
Les[xx]-Bijlage-A-Lesopdracht.md - Lesopdracht (2 uur)
Les[xx]-Bijlage-B-Huiswerkopdracht.md - Huiswerkopdracht (2 uur)