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

Les 12 van 12

Vier voorbeelden om zelf verder te bouwen

Je hoeft deze voorbeelden niet na te bouwen. In deze laatste les zie je juist hoe breed de mogelijkheden van een webapp zijn: een omslachtige werkwijze slimmer maken, data inzichtelijk maken, een studentproduct interactief presenteren of een terugkerende taak automatiseren. Laat je inspireren door de verschillen en deel daarna wat jij zelf hebt gebouwd.

1

Voorbeeld 1

Van onhandige PDF naar invulbare webapp

2

Voorbeeld 2

Van data-export naar inzichtelijk dashboard

3

Voorbeeld 3

Van Word-verslag naar interactief studentproduct

4

Voorbeeld 4

Van opname naar slimme transcriptietool

Deel je webapp

Laat zien wat je hebt gemaakt

Heb je tijdens Gevorderd een onderwijswebapp gebouwd waar je trots op bent? Deel de titel en live link. Naam, school en een korte omschrijving zijn optioneel.

Even je account controleren

Daarna kun je je webapp direct delen.

Bibliotheek

Webapps van cursisten

Hier verschijnen alleen eindprojecten uit Vibe Coden Gevorderd. Zo blijft de voorbeeldenbank overzichtelijk en vergelijk je werk uit dezelfde route.

Bibliotheek laden...

Bewaar je voortgang

Bewaar je voortgang en pak straks je cadeau uit.

Met een account houden we bij welke lessen je hebt afgerond en waar je bent gebleven. Na de volledige route van Vibe Coden Gevorderd staat er een persoonlijk cursuscadeau voor je klaar.

Maak een accountIk heb al een account

Hierna: Vibe Coden Expert

Voeg echte AI-functies toe aan je webapps

In Gevorderd heb je complete, deelbare webapps gebouwd. In Expert leer je een AI-model veilig via een API aanroepen en maak je functies die uitleg, feedback of transcripties genereren.

  1. 1
    AI-model koppelen

    Laat je webapp gericht een model aanroepen.

  2. 2
    Sleutels en kosten begrenzen

    Houd geheimen server-side en voorkom onverwacht gebruik.

  3. 3
    Onderwijsfunctie bouwen

    Maak AI-uitvoer bruikbaar, controleerbaar en doelgericht.

Vragen en opmerkingen

Praat verder over deze les

Stel een vraag, lees mee of help een andere cursist op weg.

0 vragenAlles is beantwoord
Vragen laden...

Voortgang bewaren

Markeer deze les als afgerond

Zo weet je straks precies waar je bent gebleven.

Volgende stap

Start de Expert-cursus bij les 1

Je begint met de vraag wat een AI-integratie precies is en wanneer die echt iets toevoegt aan een onderwijswebapp.

Start Expert bij les 1