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 9 van 10

Samenvatting en eindopdracht

Je kijkt naar een volledig voorbeeld en maakt daarna zelfstandig nog één complete, deelbare onderwijswebapp.

Jouw eindmissie

Maak nog één volledige webapp

Je hebt alle onderdelen al een keer gedaan. Nu doorloop je het proces zelfstandig met een nieuw, klein onderwijsidee.

Nieuw idee, vertrouwd proces. Klein en werkend is beter dan groot en onaf.

Stap 1

Kies het soort app

Waar moet je nieuwe webapp vooral bij helpen?

Stap 2

Maak je eindmissie concreet

Je koos oefenen. Beschrijf nu één heldere toepassing.

Mijn eindmissieVoor mijn doelgroep maak ik een webapp die één duidelijke actie, zodat het leren of lesgeven makkelijker wordt.

Laatste controle

Is je tweede webapp klaar om te delen?

Beantwoord vijf korte vragen. Zie je iets dat nog niet klopt, verbeter dat eerst en probeer opnieuw.

0van 5 gecontroleerd

Deel je webapp

Laat zien wat je hebt gemaakt

Heb je je tweede webapp gemaakt? Deel de titel en link. Naam, school en omschrijving zijn optioneel. Laat je naam leeg als je app als Anoniem in de voorbeeldenbank mag staan.

Even je account controleren

Daarna kun je je webapp direct delen.

Bibliotheek

Webapps van cursisten

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

Bibliotheek laden...

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

Je hebt de basisroute afgerond

In les 10 ontdek je wat er technisch verandert wanneer je grotere webapps wilt bouwen.

Door naar les 10: vooruitblik op de gevorderde cursus