Vibe Codenvoor docenten
Vibe Coden Basis
  1. 1Wat is Vibe Coden?
  2. 2Hoe werkt deze cursus?
  3. 3Van onderwijsprobleem naar bouwidee
  4. 4Je eerste simpele HTML-webapp maken
  5. 5Delen en publiceren
  6. 6Testen en verbeteren
  7. 7Stijl en uitstraling verbeteren
  8. 8Afbeeldingen, bestanden en downloads toevoegen
  9. 9Samenvatting en eindopdracht
  10. 10Vooruitblik op de gevorderde cursus
Bekijk de route
Vibe Coden Gevorderd
  1. 1Werken met een dedicated vibe code tool
  2. 2Een database koppelen met Supabase
  3. 3Supabase slim en veilig gebruiken
  4. 4Ontwerp bewust voor leren
  5. 5Een sterk bouwplan maken
  6. 6Slim itereren zonder je app kapot te maken
  7. 7Geef je project een vast geheugen
  8. 8AI als tester gebruiken
  9. 9Slimmer opslaan met GitHub
  10. 10Slim publiceren via Vercel of Netlify
  11. 11Zet je webapp als app op je telefoon
  12. 12Volledig voorbeeld en eindopdracht
Bekijk de route
Vibe Coden Expert
  1. 1AI toevoegen aan je onderwijswebapp
  2. 2Welke AI-modellen zijn er en hoe vergelijk je ze?
  3. 3OpenRouter: account en credits veilig instellen
  4. 4Klein experiment 1: een AI-uitlegknop
  5. 5Deploy je AI-integratie veilig
  6. 6Veilig en betaalbaar bouwen
  7. 7Andere modaliteiten: AI kan meer dan tekst
  8. 8Volledig voorbeeld: Quick Quiz
  9. 9Afsluiting: bedankt en blijf bouwen
Bekijk de route
Best practicesOver mij

Vibe Coden voor docenten

Volg het verhaal in 6 stappen1 / 6 - Goede ideeen

Je ziet wat leerlingen nodig hebben en bedenkt een tool die daarbij helpt.

Je hoeft geen programmeur te zijn om digitale lesmiddelen te maken. In deze gratis cursus vibe coding voor docenten leer je stap voor stap een onderwijswebapp bouwen met AI. Jij bent de onderwijsexpert; AI helpt bouwen.

Jouw leerroute

Leer Vibe Coden

Begin bij de basis of stap in op jouw niveau. Elke route laat je bouwen aan een webapp voor je eigen onderwijspraktijk.

Start hier

Vibe Coden Basis

Bouw een eigen onderwijswebapp die je kunt testen, delen en gebruiken in je les.

  • Je maakt een werkende webapp rond een eigen lesidee.
  • Je leert AI aansturen, testen en gericht verbeteren.
Bekijk de leerroute10 lessen
  1. Wat is Vibe Coden?
  2. Hoe werkt deze cursus?
  3. Van onderwijsprobleem naar bouwidee
  4. Je eerste simpele HTML-webapp maken
  5. Delen en publiceren
  6. Testen en verbeteren
  7. Stijl en uitstraling verbeteren
  8. Afbeeldingen, bestanden en downloads toevoegen
  9. Samenvatting en eindopdracht
  10. Vooruitblik op de gevorderde cursus
Start met Vibe Coden Basis

Bouw verder

Vibe Coden Gevorderd

Maak van je eerste app een compleet product met meerdere bestanden, een database en een vaste plek op het web.

  • Je bouwt grotere apps zonder het overzicht te verliezen.
  • Je slaat gegevens op en publiceert nieuwe versies met vertrouwen.
Bekijk de leerroute12 lessen
  1. Werken met een dedicated vibe code tool
  2. Een database koppelen met Supabase
  3. Supabase slim en veilig gebruiken
  4. Ontwerp bewust voor leren
  5. Een sterk bouwplan maken
  6. Slim itereren zonder je app kapot te maken
  7. Geef je project een vast geheugen
  8. AI als tester gebruiken
  9. Slimmer opslaan met GitHub
  10. Slim publiceren via Vercel of Netlify
  11. Zet je webapp als app op je telefoon
  12. Volledig voorbeeld en eindopdracht
Bouw verder met Gevorderd

Voeg AI toe

Vibe Coden Expert

Geef je webapp een slimme AI-functie die past bij je onderwijsdoel, met grip op veiligheid, kwaliteit en kosten.

  • Je laat je app feedback, uitleg of nieuwe inhoud genereren.
  • Je kiest het juiste model en begrenst het gebruik.
Bekijk de leerroute9 lessen
  1. AI toevoegen aan je onderwijswebapp
  2. Welke AI-modellen zijn er en hoe vergelijk je ze?
  3. OpenRouter: account en credits veilig instellen
  4. Klein experiment 1: een AI-uitlegknop
  5. Deploy je AI-integratie veilig
  6. Veilig en betaalbaar bouwen
  7. Andere modaliteiten: AI kan meer dan tekst
  8. Volledig voorbeeld: Quick Quiz
  9. Afsluiting: bedankt en blijf bouwen
Voeg AI toe met Expert