# AI Development Curriculum - NOVI Hogeschool Een 18-weekse cursus die studenten meeneemt van AI-beginner naar AI-powered developer. --- ## Overzicht | Les | Onderwerp | Status | |-----|-----------|--------| | 01 | Introductie tot AI en Large Language Models | βœ… Uitgewerkt | | 02 | AI Code Assistants en OpenCode Desktop App | πŸ“‹ Samenvatting | | 03 | IDE Integratie: WebStorm en Cursor | πŸ“‹ Samenvatting | | 04 | Prompt Engineering Deep Dive | πŸ“‹ Samenvatting | | 05 | Skills.sh - Herbruikbare AI Packages | πŸ“‹ Samenvatting | | 06 | Supabase Fundamentals | πŸ“‹ Samenvatting | | 07 | Supabase Advanced Features | πŸ“‹ Samenvatting | | 08 | MCP - Model Context Protocol | πŸ“‹ Samenvatting | | 09 | AI Agents en Agentic Coding | πŸ“‹ Samenvatting | | 10 | Claude Code CLI | πŸ“‹ Samenvatting | | 11 | Custom GPTs en Claude Projects | πŸ“‹ Samenvatting | | 12 | AI-Assisted Testing Basics | πŸ“‹ Samenvatting | | 13 | Advanced Testing met AI | πŸ“‹ Samenvatting | | 14 | Deployment en CI/CD | πŸ“‹ Samenvatting | | 15 | Capstone Project Start | πŸ“‹ Samenvatting | | 16 | Capstone Development | πŸ“‹ Samenvatting | | 17 | Capstone Afronding | πŸ“‹ Samenvatting | | 18 | Presentaties en Afsluiting | πŸ“‹ Samenvatting | --- ## Hoofdstuk 1: Fundamentals (Les 1-3) ### 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](Samenvattingen/Les01-Samenvatting.md) --- ### 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](Samenvattingen/Les02-Samenvatting.md) --- ### 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](Samenvattingen/Les03-Samenvatting.md) --- ## Hoofdstuk 2: Prompt Engineering & Skills (Les 4-5) ### Les 4: Prompt Engineering Deep Dive Geavanceerde prompt technieken voor consistente, hoogwaardige output. **Tools:** ChatGPT, Claude [β†’ Ga naar Les 4](Samenvattingen/Les04-Samenvatting.md) --- ### 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](Samenvattingen/Les05-Samenvatting.md) --- ## Hoofdstuk 3: Backend & Database (Les 6-7) ### Les 6: Supabase Fundamentals Backend-as-a-Service met Supabase. Database, authenticatie en storage basics. **Tools:** Supabase (Database, Auth, Storage) [β†’ Ga naar Les 6](Samenvattingen/Les06-Samenvatting.md) --- ### 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](Samenvattingen/Les07-Samenvatting.md) --- ## Hoofdstuk 4: AI Integration & Agents (Les 8-11) ### 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](Samenvattingen/Les08-Samenvatting.md) --- ### 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](Samenvattingen/Les09-Samenvatting.md) --- ### 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](Samenvattingen/Les10-Samenvatting.md) --- ### 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](Samenvattingen/Les11-Samenvatting.md) --- ## Hoofdstuk 5: Testing (Les 12-13) ### 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](Samenvattingen/Les12-Samenvatting.md) --- ### 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](Samenvattingen/Les13-Samenvatting.md) --- ## Hoofdstuk 6: Deployment (Les 14) ### Les 14: Deployment en CI/CD Van development naar productie met AI-ondersteunde deployment pipelines. **Tools:** Vercel, GitHub Actions [β†’ Ga naar Les 14](Samenvattingen/Les14-Samenvatting.md) --- ## Hoofdstuk 7: Capstone Project (Les 15-18) ### Les 15: Capstone Project Start Projectkeuze, planning en architectuur. Eerste AI-assisted development sprint. **Tools:** Alle geleerde tools [β†’ Ga naar Les 15](Samenvattingen/Les15-Samenvatting.md) --- ### Les 16: Capstone Development Hoofdontwikkeling van het capstone project met focus op testing en kwaliteit. **Tools:** Alle geleerde tools [β†’ Ga naar Les 16](Samenvattingen/Les16-Samenvatting.md) --- ### Les 17: Capstone Afronding Deployment, documentatie en presentatievoorbereiding. **Tools:** Vercel, Documentatie tools [β†’ Ga naar Les 17](Samenvattingen/Les17-Samenvatting.md) --- ### Les 18: Presentaties en Afsluiting Eindpresentaties, reflectie en vooruitblik naar de toekomst van AI development. **Tools:** Presentatie tools [β†’ Ga naar Les 18](Samenvattingen/Les18-Samenvatting.md) --- ## 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)