Vibe-coding · Les

Valkuilen van AI-code vermijden

Hallucinaties, overbodige code en stille bugs.

Les 2 van 413 stappen

Valkuilen van AI-code vermijden 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.

AI maakt fouten

AI-programmeerhulpmiddelen zijn zelfverzekerd, snel en soms ronduit fout. Het gevaar is niet dat ze luidruchtig mislukken, maar dat ze ongemerkt mislukken: ze produceren code die er goed uitziet, zonder fouten wordt uitgevoerd, maar het verkeerde doet.

In deze les leer je de drie meest voorkomende valkuilen: hallucinaties, overbodige code en stille fouten, plus hoe je ze kunt opsporen voordat ze je problemen bezorgen.

Valkuil 1: hallucinaties

Een hallucinatie ontstaat wanneer de AI iets verzint dat niet bestaat: een functie, bibliotheek, API-eindpunt of configuratieoptie die ze heeft bedacht omdat het aannemelijk klinkt.

Je ziet haar een pakket importeren dat niet echt bestaat, of een methode aanroepen zoals array.sortDescending(), die JavaScript niet heeft. De code lijkt redelijk totdat je die uitvoert en de melding "is not a function" krijgt.

Verzonnen API's opsporen

De snelste controle op een hallucinatie is simpelweg de code uitvoeren. Hier heeft de AI zogenaamd behulpzaam een methode gebruikt die niet bestaat. Voer dit uit en lees de fout; die foutmelding is je vriend.

const nums = [3, 1, 2];
try {
  // AI hallucinated this method; it isn't real
  console.log(nums.sortDescending());
} catch (e) {
  console.log('Caught:', e.message);
  // Real way:
  console.log('Correct:', [...nums].sort((a, b) => b - a));
}

Je tegen hallucinaties beschermen

Drie gewoonten stoppen de meeste hallucinaties meteen:

  • Voer vroeg en vaak uit. Stapel niet eerst 200 regels op voordat je gaat testen.
  • Vraag om echte, populaire hulpmiddelen. Laat de AI bekende bibliotheken gebruiken, geen obscure bibliotheken die ze misschien verzint.
  • Controleer imports. Als ze een pakket importeert, controleer dan op npm of het echt bestaat voordat je het vertrouwt.
Use only well-established, popular npm libraries for this.
If you're unsure a function or method exists, say so instead of guessing.
After writing the code, list every external package you used so I can verify it.

Valkuil 2: overbodige code

Overbodige code ontstaat wanneer de AI je veel meer geeft dan je hebt gevraagd: extra abstracties, onnodige bibliotheken, tien configuratiebestanden voor een app met één pagina of een oplossing van 100 regels voor een probleem van 10 regels.

Overbodige code voelt productief — meer code! — maar het is een val. Elke extra regel is iets wat je later moet begrijpen, onderhouden en debuggen. Slanke code is een functie, geen beperking.

Om slanke code vragen

Je kunt de AI eenvoudig van overbodige code wegleiden door dat expliciet te zeggen. Maak duidelijk dat eenvoud het doel is; als je niet tegengas geeft, maakt de AI met plezier een te ingewikkelde oplossing.

Write the SIMPLEST version that works.
- No extra libraries unless truly necessary
- No clever abstractions, no premature optimization
- Prefer 10 readable lines over 50 "flexible" ones
If you add anything beyond what I asked, explain why in one sentence.

Overbodige code in de praktijk herkennen

Vergelijk deze twee oplossingen voor hetzelfde probleem: unieke waarden uit een lijst halen. Beide werken — voer ze uit — maar de overdadige oplossing haalt zonder voordeel extra hulpmiddelen binnen. Als AI je de zware versie geeft, vraag dan om de eenvoudige.

const items = ['a', 'b', 'a', 'c', 'b'];

// Bloated: manual loop + helper object
function uniqueBloated(arr) {
  const seen = {};
  const out = [];
  for (const x of arr) { if (!seen[x]) { seen[x] = true; out.push(x); } }
  return out;
}

// Lean: built-in Set
const uniqueLean = [...new Set(items)];

console.log(uniqueBloated(items));
console.log(uniqueLean);

Valkuil 3: stille fouten

De engste valkuil: code die zonder fouten wordt uitgevoerd maar subtiel fout is. De AI handelt het normale pad af en negeert stilletjes de randgevallen.

Klassieke voorbeelden zijn een lege lijst, een ontbrekende waarde, een negatief getal, een datum om middernacht of een gebruiker zonder naam. De demo werkt tijdens de vergadering en breekt op dinsdag voor een echte gebruiker.

Een stille fout in actie

Deze functie voor het berekenen van een "gemiddelde" ziet er goed uit en werkt voor normale invoer. Voer haar echter uit met een lege lijst en kijk wat er gebeurt: ze retourneert NaN in plaats van duidelijk te mislukken. Een stille fout die klaarstaat om een rapport te beschadigen.

function average(nums) {
  let total = 0;
  for (const n of nums) total += n;
  return total / nums.length; // breaks silently when empty
}

console.log(average([2, 4, 6])); // 4, fine
console.log(average([]));        // NaN, silent bug!

// Safer version:
const safeAvg = a => a.length ? a.reduce((s, n) => s + n, 0) / a.length : 0;
console.log(safeAvg([]));        // 0

Op jacht naar stille fouten

De oplossing voor stille fouten is er actief naar op zoek gaan. Vraag de AI nadat ze een functie heeft geschreven om haar eigen werk aan te vallen:

Here's the function you just wrote. Act like a tester trying to break it.
List the edge cases that could make it fail or give a wrong answer:
empty input, missing fields, zero, negatives, very large values, duplicates.
Then write a quick test for each one and show me the results.

Je verdediging tegen valkuilen

Drie valkuilen, drie reflexen:

  • Hallucinaties → voer vroeg uit, controleer imports en vraag om echte hulpmiddelen.
  • Overbodige code → eis de eenvoudigste versie en stel elke extra toevoeging ter discussie.
  • Stille fouten → laat de AI haar eigen randgevallen testen.

Voor geen van deze valkuilen heb je diepgaande kennis van informatica nodig. Je moet alleen de gewoonte ontwikkelen om code pas te vertrouwen nadat je hebt gezien hoe die zich gedraagt.

Korte controle

Een AI schrijft een functie die zonder fouten wordt uitgevoerd en in je demo werkt, maar een verkeerd getal retourneert bij een lege lijst. Om welk soort valkuil gaat het?

Samenvatting

Je kunt nu de drie belangrijkste manieren waarop AI faalt benoemen en herkennen:

  • Hallucinaties: verzonnen functies, bibliotheken of API's, opgespoord door code uit te voeren en imports te controleren.
  • Overbodige code: te ingewikkelde oplossingen, verholpen door de eenvoudigste versie te eisen.
  • Stille fouten: code die er correct uitziet maar faalt bij randgevallen, opgespoord door de AI haar eigen werk te laten testen.

Deze fouten herkennen onderscheidt een bouwer die betrouwbare apps uitbrengt van iemand die verrassingen uitbrengt. Hierna bekijken we hoe je AI kunt gebruiken om je eigen vaardigheden echt te ontwikkelen.

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 “Valkuilen van AI-code vermijden” gratis?

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

Hallucinaties, overbodige code en stille bugs. 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 “Valkuilen van AI-code vermijden”?

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. Wanneer u moet viben en wanneer u moet begrijpen
  2. Valkuilen van AI-code vermijden
  3. Groeien als echte developer
  4. Uw Vibe-Coding-handboek
← Terug naar Vibe-coding