Video-uitleg 4: Vibe code simpele quiz & Deploy via github

24 november, 2025

Bizar Snel van Notebook LM-idee naar Eigen, Deelbare URL!

Bent u klaar om de beperkingen van AI-tools te omzeilen en lesmateriaal op uw eigen, publieke URL te plaatsen? Tom Naberink laat u in deze video zien hoe u in slechts 10 tot 15 minuutjes een functionele web-app bouwt en deze deplooyt!

Dit is de perfecte oplossing als uw leerlingen of studenten niet mogen inloggen bij platforms zoals ChatGPT of Gemini. U creëert een link die iedereen zonder inloggen kan gebruiken.

Wat gaat u precies leren?

Vibe Coding Zonder Kennis: U leert hoe u de AI (in dit geval Gemini) instructies geeft om code te schrijven via de ‘canvas’-functie. Dit heet ‘vibecoden’: coderen zonder dat u de code zelf hoeft te begrijpen of te bekijken.

Regie over Inhoud: Voordat de app wordt gebouwd, ziet u hoe u eerst een bron analyseert (zoals een rapport van 20 tot 30 pagina’s) en de AI dwingt om de 10 multiple choice vragen eerst in tekstformaat te leveren. Dit is cruciaal, want zo houdt u als docent de regie en invloed over de inhoud die de studenten straks te zien krijgen.

App Creatie: U leert hoe u de AI met een screenshot instrueert om de quiz te coderen in HTML, zodat deze eruitziet als een interactieve app die directe feedback geeft bij foute antwoorden. Het resultaat lijkt sterk op de functionaliteit die u al kent van de Notebook LM quiz.

Deployen via GitHub: De krachtigste stap! U leert de gecodeerde inhoud te kopiëren uit Gemini, deze op te slaan als index.html, en vervolgens te uploaden naar een publieke repository op GitHub. Binnen een minuut wordt deze code omgezet in een unieke URL (een GitHub Page) die u kunt delen met collega’s, studenten of leerlingen.

Dit proces is bizar snel en kan gebruikt worden voor veel meer dan alleen quizzen; denk aan flashcards, timers of van alles en nog wat. Mis deze kans niet om uw lesmateriaal op een nieuw, krachtig niveau van delen te brengen!

Wilt u de prompts nog 10 keer zo goed maken? Blijf kijken voor de volgende video, waarin deep research en gepersonaliseerde chatbots aan bod komen!

No votes yet.
Please wait...

Let's connect

Heb je vragen of opmerkingen? Wil je meer weten over wat we doen?
Neem dan gerust contact met ons op – we horen graag van je.

© 2025 AI voor Docenten

Powered by Envolutions