AI toevoegen aan je onderwijswebapp
Je begrijpt wat een AI-integratie is, wat er technisch gebeurt en wanneer zo'n functie echt waarde toevoegt in het onderwijs.
AI-integratie voor onderwijswebapps
Vibe Coden Expert
Geef je webapp een slimme AI-functie die past bij je onderwijsdoel, met grip op veiligheid, kwaliteit en kosten.
Je begint met een kleine AI-functie en werkt daarna toe naar andere modaliteiten en één groter voorbeeld. De techniek staat steeds in dienst van een concrete onderwijsfunctie die jij als docent kunt beoordelen.
Van gewone webapp naar webapp met AI
- Voor wie
- Je hebt de gevorderde route afgerond of vergelijkbare ervaring
- Je werkt met
- Een dedicated vibe-codeomgeving en OpenRouter
- Benodigd
- Een bestaande webapp, Vercel-project en betaalmiddel voor credits
Wat je leert
AI toevoegen zonder de regie kwijt te raken
- Je laat je app feedback, uitleg of nieuwe inhoud genereren.
- Je kiest het juiste model en begrenst het gebruik.
- Je begrenst gebruik en houdt de docent verantwoordelijk voor beoordeling en toepassing.
De kernroute
De 9 lessen
Je bouwt eerst een kleine AI-functie. Daarna leer je het gebruik veilig begrenzen, ontdek je andere modaliteiten en bekijk je een compleet voorbeeld.
Naar les 1
Welke AI-modellen zijn er en hoe vergelijk je ze?
Je herkent modelfamilies uit verschillende regio’s en onderzoekt zelf welke actuele modellen je later met je onderwijsapp wilt testen.
OpenRouter: account en credits veilig instellen
Je maakt een OpenRouter-account aan, voegt bewust een klein tegoed toe en voorkomt dat je ongemerkt meer uitgeeft.
Klein experiment 1: een AI-uitlegknop
Je bouwt een kleine AI-functie waarmee een gebruiker extra uitleg kan opvragen in je webapp.
Deploy je AI-integratie veilig
Je publiceert je AI-app via GitHub en Vercel en zet de benodigde environment variables veilig in het live hostingproject.
Veilig en betaalbaar bouwen
Je gebruikt zeven kostenknoppen, van OpenRouter-tegoed en een goedkoop model tot promptlimieten en server-side rate limiting.
Andere modaliteiten: AI kan meer dan tekst
Je ontdekt wat AI naast tekst kan maken en leert waarom je bij beeld, audio en video vooraf goed naar de actuele kosten kijkt.
Volledig voorbeeld: Quick Quiz
Je ziet hoe een complete onderwijsapp AI, bewerkbare quizvragen, delen, exporteren, een database en een ranglijst samenbrengt.
Afsluiting: bedankt en blijf bouwen
Je staat stil bij wat je hebt geleerd en gemaakt en sluit de volledige cursus af.
De Expert-route staat klaar
De eerste Expert-les is beschikbaar. Je kunt meteen beginnen.