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 12

Slimmer opslaan met GitHub

Je project wordt groter. GitHub wordt de veilige code-opbergplek waar je AI-tool je app kan bewaren, bijwerken en terugvinden.

De kern

GitHub bewaart je project én zijn geschiedenis

Je app bestaat inmiddels uit meerdere bestanden en instellingen. GitHub bewaart die projectmap online. Na een goede bouwstap kan je tool een nieuw opslagmoment maken, zodat je werk niet alleen in je vibe-code tool of op je laptop staat.

1Jij bouwt

Je test een nieuwe versie in je vibe-code tool.

2Tool pusht

De tool stuurt de goede versie naar GitHub.

3GitHub bewaart

Je project en eerdere opslagmomenten blijven terug te vinden.

GitHub-woorden

Herken wat je AI-tool doet

Je hoeft de techniek niet uit je hoofd te leren. Kies per situatie het woord dat erbij hoort en je herkent straks wat je tool meldt.

1234

Welke GitHub-term hoort hierbij?

Dit is de online projectmap waarin je code en versiegeschiedenis staan.

Kies een term. Je krijgt meteen feedback.

Verder bouwen

Leer van openbare GitHub-projecten

Een openbare repository kun je bekijken en met een fork als eigen uitgangspunt gebruiken. In deze extra video zie je hoe je daarop voortbouwt zonder het oorspronkelijke project te overschrijven.

Nu echt doen

Zet je project veilig in GitHub

Doorloop drie onderdelen. Jij maakt de koppeling; daarna mag je vibe-code tool het technische werk doen.

0van 3 klaar

Onderdeel 1

Maak eerst een GitHub-account en koppel het daarna in je tool

Heb je nog geen GitHub-account? Maak dat eerst gratis aan. Ga daarna terug naar je dedicated vibe-code tool en maak dáár de koppeling met GitHub.

Maak of open je GitHub-account

Belangrijk: je koppelt GitHub dus in je vibe-code tool. Binnen GitHub zelf hoef je alleen een account te hebben.

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

Klaar om professioneel te publiceren?

In les 10 gebruikt Vercel of Netlify je GitHub-repository als bron. Daarna wordt iedere goede push automatisch een nieuwe online versie.

Door naar les 10: publiceren via Vercel of Netlify