Vibe-coding · Les

Wijzigingen vragen

Pas kleuren, tekst en lay-out aan door te chatten.

Les 3 van 413 stappen

Wijzigingen vragen is een gratis Vibe-coding-les op CoddyKit. Dit is les 3 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.

Nu stuur jij

Je eerste versie bestaat. Die komt in de buurt, maar is nog niet helemaal jij. De volgende vaardigheid van vibe-coding is om wijzigingen vragen — je app verfijnen door met de AI te chatten in plaats van de code met de hand te bewerken.

Hier voelt vibe-coding magisch: je zegt "maak de knop groter en blauw" en het gebeurt. In deze les leer je hoe je om wijzigingen vraagt, zodat de AI ze meteen goed uitvoert.

Verander één ding tegelijk

De gouden regel bij het aanpassen: kleine, gerichte verzoeken zijn beter dan grote. Als je in één bericht om tien wijzigingen vraagt, voert de AI er misschien zes goed uit, twee vreemd en vergeet ze er twee.

Vraag om één of twee verwante wijzigingen, bekijk het resultaat en ga dan verder. Het voelt langzamer, maar is eigenlijk sneller, omdat je nooit een rommelig antwoord met meerdere wijzigingen hoeft uit te pluizen.

Instead of this:
"Make it blue, add dark mode, change the font, add 3 new buttons, make it responsive, add sounds, and translate it to Spanish."

Do this, step by step:
"Change the main button color to blue."
(then) "Now make the heading font larger and bolder."

Wijs aan wat je bedoelt

De AI kan niet raden welk element je bedoelt. Geef specifiek aan waarop je doelt: noem de knop, de sectie, de kleur of de tekst.

Vergelijk een vaag verzoek met een precies verzoek. Precisie bepaalt of je de gewenste wijziging krijgt of voor een verrassing komt te staan.

Vague:  "Make it look better."
Clear:  "Make the '+1 Glass' button larger, with rounded corners and a blue background."

Vague:  "The text is wrong."
Clear:  "Change the heading from 'Water App' to 'My Daily Water Tracker'."

Drie soorten wijzigingen

De meeste aanpassingen vallen in drie groepen. Als je weet om welke soort je vraagt, kun je je verzoek beter formuleren:

  • Tekstwijzigingen — formuleringen, labels, koppen en berichten.
  • Uiterlijkwijzigingen — kleuren, afmetingen, tussenruimte, lettertypen en indeling.
  • Gedragswijzigingen — wat er gebeurt wanneer je klikt, typt of laadt.

Gedragswijzigingen zijn het lastigst, dus beschrijf ze als een duidelijk oorzaak-gevolg: "wanneer X gebeurt, doe dan Y".

Text:     "Change the button label to 'Add Glass'."
Look:     "Use a soft green background and white text on the card."
Behavior: "When the counter reaches 8, show a confetti emoji and the message 'Goal reached!'."

Beschrijf gedrag als als-dan

Voor interacties werkt een als-dan-vorm uitstekend voor AI. Die sluit rechtstreeks aan op code, zonder dat de AI hoeft te raden.

Voer dit fragment uit om te zien welke als-dan-logica de AI zou genereren voor een gedragsverzoek zoals "vier het wanneer de teller het doel bereikt".

function statusFor(count, goal) {
  if (count >= goal) return "Goal reached! Confetti time!";
  if (count >= goal - 2) return "Almost there!";
  return "Keep sipping.";
}

console.log(statusFor(3, 8));
console.log(statusFor(7, 8));
console.log(statusFor(8, 8));

Gebruik 'Laat al het andere hetzelfde'

Ben je bang dat een wijziging de onderdelen verpest die je goed vindt? Zeg dan tegen de AI dat die daarvan af moet blijven. De zin "laat al het andere hetzelfde" is een veiligheidsgordel voor je app.

Zo richt je de AI op een kleine bewerking in plaats van dat die alles opnieuw genereert en per ongeluk je indeling verandert of een functie kwijtraakt.

Make only this change: the Reset button should be red instead of gray.
Keep everything else exactly the same — layout, other buttons, and the counter logic.

Laat het zien, vertel het niet alleen

Geef de AI een voorbeeld wanneer het lastig is om iets met woorden uit te leggen. Verwijs naar een stijl die je mooi vindt, plak een kleurcode of beschrijf een bekende app.

Voorbeelden verminderen onduidelijkheid snel — de AI heeft iets concreets om na te bootsen in plaats van bijvoeglijke naamwoorden te moeten interpreteren.

Make the card style feel like a modern iOS settings screen:
rounded corners, subtle shadow, light gray background (#F2F2F7), generous padding.

Use #2563EB as the main button color and white text.

Wanneer een wijziging verkeerd uitpakt

Soms maakt een aanpassing iets stuk of ziet het resultaat er slechter uit. Twee eenvoudige opties:

  • Ongedaan maken: "Maak die laatste wijziging ongedaan en ga terug naar hoe het daarvoor was."
  • Bijsturen: "Daardoor is de tussenruimte te groot geworden — maak die ongeveer half zo groot."

Je zit nooit vast. Omdat je één ding tegelijk verandert, is altijd duidelijk wat je ongedaan moet maken of aanpassen.

That last change made the buttons overlap and hard to tap.
Please undo it and instead just increase the gap between the two buttons slightly.
Keep their size and color the same.

Werk stapsgewijs naar de juiste sfeer

Aanpassen gaat niet alleen om repareren — het gaat om verfijnen tot het overeenkomt met jouw visie. Blijf kleine duwtjes geven: iets ronder, een warmere kleur, een vriendelijker bericht. Elk klein verzoek brengt je dichterbij.

Deze heen-en-weerbeweging vormt de kern van vibe-coding. Jij bent de regisseur; de AI is de crew. Je blijft zeggen: "bijna — probeer nu dit" totdat het goed voelt.

Round 1: "Make the background a warm cream color."
Round 2: "A touch warmer, more like soft peach."
Round 3: "Perfect. Now make the heading a slightly darker shade so it stands out."

Bevestig voordat je verdergaat

Bekijk na elke wijziging even het resultaat voordat je het volgende verzoek verstuurt. Als je blind wijzigingen blijft sturen zonder te controleren, stapelen fouten zich op en raak je kwijt wat wat heeft veroorzaakt.

Ontwikkel dit ritme: vraag → kijk → bevestig → vraag opnieuw. Langzaam is soepel en soepel is snel.

Een korte sessie met wijzigingen

Zo ziet een goede sessie met wijzigingen er van begin tot eind uit — klein, specifiek en bij elke stap gecontroleerd.

You: "Change the title to 'Stay Hydrated'."            -> check, looks good
You: "Make the +1 button blue and a bit bigger."       -> check, good
You: "When I reach 8 glasses, show a celebration message." -> check, works
You: "Keep everything else the same, add a little spacing under the title." -> done

Korte controle

Je wilt dat de AI je knop Opnieuw instellen rood maakt zonder de rest van je werkende app te veranderen. Wat is het beste verzoek?

Samenvatting: je kunt de AI sturen

Je hebt geleerd hoe je je app verfijnt door te chatten. De belangrijkste punten bij het vragen om wijzigingen:

  • Eén ding tegelijk — kleine, gerichte verzoeken werken het best.
  • Wijs aan wat je bedoelt — noem het element, de kleur en de tekst.
  • Formuleer gedrag als als-dan.
  • Voeg "laat al het andere hetzelfde" toe als veiligheidsgordel.
  • Laat voorbeelden zien wanneer woorden tekortschieten en controleer na elke wijziging.

Laatste stap: bekijk je voltooide app, voer hem live uit en deel hem met de wereld!

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

Veelgestelde vragen

Is de les “Wijzigingen vragen” gratis?

Ja — je kunt hier op het web alle 3 lessen van het leerpad Vibe-coding, waaronder “Wijzigingen vragen”, 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 “Wijzigingen vragen”?

Pas kleuren, tekst en lay-out aan door te chatten. 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 3 van 4.

Hoe lang duurt de les “Wijzigingen vragen”?

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

  1. Uw idee beschrijven
  2. De eerste versie genereren
  3. Wijzigingen vragen
  4. Een voorbeeld bekijken en uitvoeren
← Terug naar Vibe-coding