Wat programmeren is

Een programma is een lijst instructies en JavaScript voert die één opdracht tegelijk uit, van de bovenste tot de onderste regel.

Instructies die een computer kan volgen

Een recept zegt ‘breek twee eieren, klop ze en giet ze in de pan’. Een lezer vult zelf veel in: welke kom te gebruiken, hoe hard te kloppen en wat te doen als er een stukje schaal in valt. Een computer vult niets in. Hij doet precies wat de instructies zeggen, in precies de geschreven volgorde, en stopt met een fout zodra een instructie voor hem niet klopt. Programmeren is instructies schrijven die nauwkeurig genoeg zijn voor een machine om te volgen.

Die instructies schrijf je in een programmeertaal. Een programmeertaal heeft een kleine woordenschat en strenge grammatica, zodat elke regel maar één ding betekent. In deze cursus gebruik je JavaScript. Het is de taal die in elke webbrowser is ingebouwd, dus je hebt al alles om haar uit te voeren: in de oefenvakken op deze pagina's voer je code direct uit in de browser waarin je leest. JavaScript werkt ook buiten browsers, in hulpmiddelen zoals Node.js, en de basis die je hier leert werkt daar hetzelfde.

Je eerste regel code

Bijna elke programmeercursus begint door de computer een bericht te laten afdrukken. In JavaScript ziet dat er zo uit:

console.log("Hello, world!");

Lees het stukje voor stukje. console is de plek waar een programma berichten schrijft voor degene die het uitvoert. .log betekent ‘schrijf daar één regel’. De haakjes bevatten wat geschreven moet worden en de dubbele aanhalingstekens geven aan dat Hello, world! tekst is en geen verdere code. De puntkomma aan het einde sluit de instructie af, zoals een punt een zin afsluit. Eén volledige instructie als deze heet een opdracht, of statement. Bij het uitvoeren toont de console één regel: Hello, world! De aanhalingstekens worden niet afgedrukt. Ze vertellen JavaScript alleen waar de tekst begint en eindigt.

Van boven naar beneden, één opdracht tegelijk

Een programma met meerdere opdrachten voert die op volgorde uit. De tweede regel begint pas als de eerste klaar is. Het programma hieronder drukt drie regels af, in dezelfde volgorde als de code:

console.log("Wake up");
console.log("Brush teeth");
console.log("Eat breakfast");
// prints:
// Wake up
// Brush teeth
// Eat breakfast

Verwissel de eerste twee regels en de uitvoer wisselt ook. Dat klinkt vanzelfsprekend, maar veel beginnersfouten ontstaan door opdrachten in de verkeerde volgorde: een waarde gebruiken voordat die berekend is, of een totaal afdrukken voordat het laatste item is toegevoegd.

Commentaar is een notitie voor mensen

In het voorbeeld hierboven zijn regels die met // beginnen commentaar. JavaScript slaat alles vanaf // tot het einde van die regel over, zodat je notities voor jezelf of andere lezers kunt schrijven. Voor een notitie over meerdere regels begin je met /* en eindig je met */. Commentaar is ook handig om een regel uit te schakelen zonder hem te verwijderen: zet er // voor en hij wordt niet meer uitgevoerd.

Als er iets misgaat

JavaScript is hoofdlettergevoelig: console.log werkt, maar Console.log en console.Log niet. Een verkeerd gespelde naam zoals consol.log stopt het programma met een melding zoals ReferenceError: consol is not defined. Een ontbrekend sluitend aanhalingsteken of haakje geeft een SyntaxError. Dat betekent dat de code helemaal geen geldige JavaScript is, dus niets wordt uitgevoerd. Foutmeldingen zien er eerst alarmerend uit, maar de computer vertelt je ermee waar hij vastliep. Lees de eerste regel van de melding, zoek de genoemde naam en vergelijk die teken voor teken met je code.

Hoe de oefenvakken werken

Elk oefenvak heeft links je code en rechts de uitvoer (op een telefoon eronder). Afspelen voert de code uit en Ctrl+Enter of Cmd+Enter doet hetzelfde via het toetsenbord. Controleren voert de code uit en vergelijkt elke afgedrukte regel met het verwachte antwoord, dus spelling, hoofdletters en spaties binnen de regel tellen allemaal mee. Opnieuw beginnen herstelt de oorspronkelijke code. De code werkt in een afgeschermd frame, dus je kunt door te experimenteren niets kapotmaken.