# AI Developer — Leerlijnbeschrijving **Opleiding:** NOVI Hogeschool Utrecht **Vak:** AI-Assisted Development (18 lessen × 3 uur fysiek) **Docent:** Tim Rijkse **Schooljaar:** 2025–2026 --- ## Doel van de leerlijn Studenten gaan in 18 lessen van "ik heb wel eens ChatGPT gebruikt" naar "ik kan een productie-klare AI-app bouwen". De leerlijn is opgebouwd in vier delen die in moeilijkheid en abstractie opbouwen. Aan het einde: - Kan de student een complete Next.js + Supabase-app from scratch opzetten. - Beheerst de student de Vercel AI SDK voor chat, tool-calling, agents en RAG. - Weet de student wat er nodig is om een AI-app naar productie te brengen — observability, evals, security, cost. - Heeft de student feeling met de bredere AI-toolbox: voice, vision, image gen, local LLMs, edge AI. --- ## Opbouw — vier delen ### Deel 1 — AI Foundations (Les 1–3) Kennismaking met AI, modellen, prompt engineering en de eerste AI-coding tools (ChatGPT, OpenCode, Cursor). ### Deel 2 — Technical Foundations (Les 4–10) TypeScript fundamentals, Next.js basics, QuickPoll als rode draad, en Supabase + Auth + Row Level Security tot productie-niveau. ### Deel 3 — AI Development (Les 11–16) Vercel AI SDK, Tool Calling, Cursor + Vercel deploy, Agents, RAG met embeddings, en Model Context Protocol (MCP). ### Deel 4 — Production & Advanced (Les 17–18) Observability, evals, security, cost (Les 17). Voice, vision, image gen, local LLMs en edge AI (Les 18). --- ## Lessenoverzicht | Nr | Deel | Onderwerp | Map | |----|------|-----------|-----| | 1 | 1 | Introductie AI & LLMs | `Les01-Introductie-AI/` | | 2 | 1 | AI Code Assistants & OpenCode | `Les02-OpenCode/` | | 3 | 1 | Cursor Setup & Basics | `Les03-Cursor-Basics/` | | 4 | 2 | TypeScript Fundamentals | `Les04-TypeScript-Fundamentals/` | | 5 | 2 | Next.js Basics (QuickPoll part 1) | `Les05-NextJS-Basics/` | | 6 | 2 | Next.js QuickPoll vervolg (part 2) | `Les06-NextJS-QuickPoll-Part2/` | | 7 | 2 | Supabase introductie | `Les07-Supabase/` | | 8 | 2 | Van In-Memory naar Supabase | `Les08-Van-InMemory-naar-Supabase/` | | 9 | 2 | Supabase Auth — eerste login flow | `Les09-Supabase-Auth/` | | 10 | 2 | Supabase Auth & RLS verdieping | `Les10-Supabase-Auth/` | | 11 | 3 | Vercel AI SDK — praat met je data | `Les11-AI-SDK/` | | 12 | 3 | Tool Calling | `Les12-Tool-Calling/` | | 13 | 3 | Externe APIs + Cursor + Vercel | `Les13-Cursor-Vercel-Deploy/` | | 14 | 3 | Agents | `Les14-Agents/` | | 15 | 3 | RAG + Embeddings | `Les15-RAG-Embeddings/` | | 16 | 3 | Model Context Protocol | `Les16-MCP/` | | 17 | 4 | AI Production Polish | `Les17-Production-Polish/` | | 18 | 4 | Advanced AI Toolbox + wrap-up | `Les18-AI-Toolbox-Next/` | Per les zit altijd dezelfde set bestanden in de map: - `LesXX-Slide-overzicht.md` — overzicht van de slides - `LesXX-Huiswerk.pdf` — huiswerk in NOVI-huisstijl - `LesXX-Docenttekst.md` — voorleesbaar lesscript - `LesXX-Lesstof.md` — lesstof / theorie - `LesXX-Slides.pptx` — slidedeck - (waar van toepassing) `LesXX-Lesopdracht.md/.pdf` en starterprojecten --- ## Eindopdracht Studenten bouwen zelfstandig een eigen AI-app die voldoet aan alle leerdoelen van de leerlijn. Zie [`Eindopdracht-AI-Developer.md`](./Eindopdracht-AI-Developer.md) voor de volledige eisen, beoordelingscriteria en deadlines. De eindopdracht is **niet** een in-class lesonderdeel; studenten werken er thuis aan. --- ## Aanvullende documenten - [`OPLEVERING.md`](./OPLEVERING.md) / [`OPLEVERING.pdf`](./OPLEVERING.pdf) — mapping van leerlijn naar de contract-deliverables (Art. 1). - [`Curriculum-Overzicht-Compleet.pdf`](./Curriculum-Overzicht-Compleet.pdf) — alle 18 lessen in één visueel deck in NOVI-huisstijl. - [`Curriculum-Lesboek.pdf`](./Curriculum-Lesboek.pdf) — tekstuele versie van het curriculum, leesbaar als kort lesboek. - [`Samenvattingen/`](./Samenvattingen) — per-les samenvattingen. --- ## Stack en tooling | Onderdeel | Keuze | |-----------|-------| | Frontend | Next.js 16 (App Router) + TypeScript + Tailwind CSS + Shadcn | | Database | Supabase (Postgres + Auth + RLS + pgvector) | | AI SDK | Vercel AI SDK v6 | | AI-coding tools | ChatGPT, OpenCode, Cursor (Composer + Background Agent) | | Hosting | Vercel + GitHub Actions CI | | Productie-stack (Les 17) | Langfuse, Vitest evals, prompt-shield, model-routing | | Advanced toolbox (Les 18) | Whisper, GPT-4o vision, Flux via Fal.ai, Ollama, Vercel AI Gateway | --- ## Contact **Tim Rijkse** — docent AI-Assisted Development NOVI Hogeschool Utrecht