JavaScript
Twaalf hoofdstukken voor complete beginners, van een eerste console.log-regel tot een fooiencalculator en FizzBuzz. Elk hoofdstuk heeft code die je op de pagina kunt bewerken en uitvoeren, oefeningen die je uitvoer controleren, flitskaarten voor de termen en 10 tot 12 vragen ‘Wat drukt deze code af?’ met uitleg.
Over deze cursus
JavaScript werd bedacht door Brendan Eich bij Netscape en verscheen voor het eerst in Netscape Navigator 2. In november 1996 begon het werk aan een gezamenlijke standaard. Ecma International nam in juni 1997 de eerste editie aan, ECMAScript, genummerd ECMA-262. De taal wordt nog elk jaar bijgewerkt. De 17e editie, ECMAScript 2026, verscheen in juni 2026. Browsermakers bouwen hun engines volgens dat document. Daarom gedraagt je code zich in verschillende browsers hetzelfde.
De twaalf hoofdstukken beginnen met wat een programma is: instructies die van boven naar beneden één voor één worden uitgevoerd. Daarna volgen waarden en console.log, variabelen met let en const, getallen en rekenen, en strings met template literals. Booleans en vergelijkingen leiden naar if en else, daarna volgen lussen. Een for-lus van drie regels telt de gehele getallen van 1 tot 100 op en drukt 5050 af. Arrays, functies en objecten laten je waarden groeperen en code hergebruiken, zoals function square(n), die voor 4 de waarde 16 geeft en voor 9 de waarde 81. In het laatste hoofdstuk combineer je alles in een fooiencalculator en de klassieke FizzBuzz-oefening. Elk hoofdstuk heeft bewerkbare code die je op de pagina uitvoert, plus 10 tot 12 vragen over de uitvoer.
Eén vergelijking verwart veel beginners. 5 == "5" is true, maar 5 === "5" is false, omdat het drievoudige gelijkteken ook controleert of beide kanten hetzelfde type hebben. Bij booleans leer je wanneer je welke gebruikt.
Voor je begint
Deze cursus is bedoeld voor complete beginners. Je hoeft vooraf geen andere cursus te volgen. Alle code draait binnen de pagina, dus je hebt alleen een browser nodig. Eenvoudig rekenen helpt: bij veel oefeningen voorspel je wat een berekening afdrukt, zoals 2 + 3 * 4 of een fooi van 20 procent op een rekening van 84.
Als je klaar bent
Je kunt na afloop voorspellen wat korte programma's afdrukken, waarden opslaan met let en const en uitleggen waarom "5" + 3 de uitkomst "53" geeft en 0.1 + 0.2 niet precies 0.3 is. Je kunt vertakkingen maken met if en else, 1 tot en met 100 optellen met een for-lus, arrays en objecten gebruiken en functies schrijven die waarden teruggeven. Ook kun je een fooicalculator en FizzBuzz bouwen.
- 1Wat programmeren isEen programma is een lijst instructies en JavaScript voert die één opdracht tegelijk uit, van de bovenste tot de onderste regel.
- 2Waarden en console.logconsole.log(2 + 3) drukt 5 af, maar console.log("2 + 3") drukt 2 + 3 af: de aanhalingstekens bepalen of JavaScript rekent of kopieert.
- 3Variabelen: let en constEen variabele is een naam voor een waarde. Na let score = 10 staat het woord score voor 10 totdat je er iets anders aan toekent.
- 4Getallen en rekenenIn JavaScript geeft 0.1 + 0.2 de waarde 0.30000000000000004 en 17 % 5 geeft 2. Beide zijn logisch zodra je weet hoe getallen worden opgeslagen en wat % betekent.
- 5Strings en sjabloonliteralen"5" + 3 geeft "53", niet 8. Als één kant van + een string is, voegt JavaScript tekst samen in plaats van getallen op te tellen.
- 6Booleans en vergelijkingen5 == "5" is true maar 5 === "5" is false. Het drievoudige gelijkteken controleert ook of beide kanten hetzelfde type hebben.
- 7Beslissingen nemen met if en elseEen if-opdracht voert een codeblok alleen uit als de voorwaarde true is. Met else if controleert JavaScript voorwaarden van bovenaf en stopt bij de eerste die true is.
- 8Lussen: for en whileDe gehele getallen van 1 tot 100 met de hand optellen kost tijd. Een for-lus van drie regels doet het meteen en drukt 5050 af.
- 9ArraysEen array bewaart veel waarden op volgorde onder één naam. In ["red", "green", "blue"] staat "red" op index 0 en is de lengte 3.
- 10FunctiesSchrijf eenmaal function square(n) { return n * n; } en square(4) geeft 16, square(9) geeft 81, enzovoort voor elk meegegeven getal.
- 11ObjectenEen object groepeert samenhangende waarden onder namen. In { name: "Coco", age: 3 } geeft pet.name "Coco" en pet.age geeft 3.
- 12Project: fooiencalculator en FizzBuzzEen rekening van 84 met 20 procent fooi, verdeeld over vier personen, komt uit op 25.20 per persoon. In dit hoofdstuk bouw je die calculator en daarna de klassieke FizzBuzz-oefening met onderdelen uit eerdere hoofdstukken.
Bronnen van deze cursus (2)
- MDN Web Docs, JavaScript Guide (developer.mozilla.org/en-US/docs/Web/JavaScript/Guide, chapters Introduction, Grammar and types, Control flow, Loops and iteration, Functions, Expressions and operators, Numbers and strings, Indexed collections, Working with objects; checked 2026-10-17)
- Ecma International, ECMA-262 ECMAScript 2026 Language Specification, 17th edition, June 2026 (tc39.es/ecma262 and ecma-international.org/publications-and-standards/standards/ecma-262, checked 2026-10-17).
Geraadpleegd: 2026-10-17