Vibe-coding · Les

De basis van Git met een AI-helper

Commit, branch en push met begeleiding van AI.

Les 2 van 413 stappen

De basis van Git met een AI-helper is een gratis Vibe-coding-les op CoddyKit. Dit is les 2 van 4. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Vibe-coding. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Vibe-coding bevat in totaal 4 lessen.

Van theorie naar praktijk

In de vorige les leerde je waarom versiebeheer belangrijk is. Nu ga je het daadwerkelijk gebruiken — en je hoeft geen enkele opdracht uit je hoofd te leren.

Je AI-assistent, zoals Cursor, Claude Code, Copilot of zelfs ChatGPT, schrijft elke Git-opdracht voor je. Het is jouw taak om te begrijpen wat elke stap doet, zodat je de controle houdt.

Aan het einde heb je een commit en een branch gemaakt en een push uitgevoerd. Aan de slag.

De vier belangrijkste acties

99% van het werk met Git bestaat uit slechts vier acties:

init — begin met het bijhouden van een project, één keer per project
commit — sla een momentopname op
branch — maak een parallelle kopie om te experimenteren
push — upload je momentopnamen naar GitHub

Leer deze vier en je kunt echte apps bouwen. Voor al het andere kun je AI om hulp vragen wanneer je het nodig hebt.

Een project starten (init)

Om een map te gaan bijhouden, voer je één keer git init uit. De meeste tools, zoals Cursor, Replit en GitHub Desktop, doen dit met een knop, maar zo ziet de opdracht eruit.

Voer dit niet blind uit — plak het in je AI en vraag om bevestiging. Hier is een prompt waarmee je dat doet:

I'm in my project folder in the VS Code terminal.

Walk me through starting Git tracking for this project, step by step.
I think the first command is `git init` -- confirm that, tell me
exactly what to type, and what I should see after each command.

Stagen versus committen

Dit zorgt bij beginners vaak voor verwarring: voordat je een commit maakt, stage je je wijzigingen. Stagen betekent: "dit zijn de wijzigingen die ik in deze momentopname wil opnemen".

Het ritme bestaat uit twee stappen: stage wat je wilt bewaren en maak er daarna een commit van met een bericht.

git add . — stage al je wijzigingen
git commit -m "Add homepage" — sla de momentopname op

Zie stagen als spullen in een doos leggen en committen als de doos dichtplakken en labelen.

Je eerste commitprompt

Hier is de exacte prompt om je eerste commit te maken. Plak hem in je AI-assistent en doe mee:

I just built my homepage and it works. I want to save this snapshot.

Give me the exact terminal commands to:
1. Stage all my changes
2. Commit them with the message "Add working homepage"

Then explain what each command did in one sentence.

Je geschiedenis bekijken

Na een paar commits wil je je geschiedenis bekijken. De opdracht is git log. Tools tonen die als een tijdlijn waarop je kunt klikken.

Hier is een kleine simulatie van hoe je geschiedenis eruitziet — een lijst met opslagpunten en berichten:

const log = [
  { hash: 'a1b2c3', msg: 'Add working homepage' },
  { hash: 'd4e5f6', msg: 'Add navigation bar' },
  { hash: '7g8h9i', msg: 'Fix mobile layout' }
];

console.log('Project history (newest last):');
log.forEach(c => console.log('  ' + c.hash + '  ' + c.msg));
console.log('\nEach hash is an ID you can return to.');

Branchen om te experimenteren

Wil je een herontwerp uitproberen zonder je werkende app op het spel te zetten? Maak een vertakking.

git branch new-design — maak de vertakking
git checkout new-design — schakel ernaar over

Je werkt nu in een parallelle kopie. Je hoofdversie is bevroren en veilig. Bouw hier je wildste ideeën.

Moderne snelkoppeling: git checkout -b new-design maakt de vertakking en schakelt er in één stap naartoe. (Je AI kent al deze opdrachten.)

Terug samenvoegen

Als je experiment werkt, voeg je het met een samenvoeging toe aan je hoofdversie.

Je schakelt terug naar je hoofdvertakking en voegt het experiment daarin samen. Als er iets conflicteert, is AI uitstekend in het oplossen daarvan. Hier is een prompt voor het hele proces:

I created a branch called `new-design`, tested it, and it works great.

Give me the exact commands to:
1. Switch back to my main branch
2. Merge `new-design` into it

If there's a merge conflict, tell me how to spot it and what to do.

Verbinding maken met GitHub (pushen)

Pushen uploadt je commits naar GitHub, zodat ze online zijn geback-upt en je ze kunt delen.

De eenvoudigste manier: klik in Cursor of VS Code op "Publish to GitHub." Hiermee wordt de online opslagplaats gemaakt en worden je wijzigingen voor je gepusht.

Gebruik je liever de terminal, dan geeft je AI je de opdrachten git remote add en git push. Zodra de verbinding is gemaakt, is een volgende push slechts één klik of git push.

Het bestand .gitignore

Sommige bestanden mogen NIET in Git worden opgeslagen, zoals geheime API-sleutels of enorme automatisch gegenereerde mappen (node_modules).

Een bestand .gitignore vermeldt wat Git moet overslaan. Zo blijft je opslagplaats schoon en blijven je geheimen veilig.

Schrijf het niet zelf — vraag het aan AI. Een goede prompt:

Create a .gitignore file for a beginner web project.

Make sure it ignores node_modules, .env files with secrets,
and any OS junk files like .DS_Store. Explain why each
entry should be ignored, briefly.

Je herhaalbare werkwijze

Dit is de lus die je als vibe-coder elke dag gebruikt:

Bouw met AI een kleine functie
Test deze — werkt hij?
Zet hem klaar en leg hem vast met een duidelijke boodschap
Werk bij risicovolle ideeën eerst op een vertakking
Push naar GitHub om alles te back-uppen

Herhaal dit. Dit ritme houdt je project veilig, georganiseerd en altijd herstelbaar — je hoeft niets uit je hoofd te leren.

Korte controle

Laten we controleren of je de basisstroom van Git beheerst.

Beantwoord dit in de interactieve les

Samenvatting en wat nu volgt

Je kunt nu de volledige basis van Git uitvoeren — met AI die de opdrachten schrijft:

init begint een project te volgen (eenmalig)
stage + commit slaat een momentopname op met een boodschap
branch laat je veilig experimenteren, merge brengt het terug
push maakt een back-up van alles op GitHub
.gitignore houdt geheimen en rommel buiten de opslagplaats

Volgende les: AI commitboodschappen laten schrijven — krijg met bijna geen moeite een nette, professionele geschiedenis.

Gratis beginnen

Leer JavaScript met een AI-tutor — gratis

Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.

Cursussen: 25
Lessen: 100

Gratis beginnen met leren Bekijk de volledige cursus

Veelgestelde vragen

Is de les “De basis van Git met een AI-helper” gratis?

Ja — je kunt hier op het web alle 3 lessen van het leerpad Vibe-coding, waaronder “De basis van Git met een AI-helper”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus Vibe-coding bevat in totaal 4 lessen.

Wat leer ik in “De basis van Git met een AI-helper”?

Commit, branch en push met begeleiding van AI. Je oefent met Vibe-coding door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.

Heb ik ervaring nodig om met Vibe-coding te beginnen?

Ervaring vooraf is niet nodig. Vibe-coding op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 2 van 4.

Hoe lang duurt de les “De basis van Git met een AI-helper”?

De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.

Kan ik code schrijven en uitvoeren in deze les over Vibe-coding?

Ja. Elke les over Vibe-coding bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.

Alle lessen in deze cursus

← Terug naar Vibe-coding