JavaScript voor beginners

JavaScript is de taal die in elke browser zit en webpagina’s laat reageren: knoppen, formulieren, spelletjes. Wie al Python kent, leert JavaScript in een paar uur; wie begint, leert er precies hetzelfde denken mee.

Wat JavaScript is

Elke browser heeft JavaScript ingebouwd. Wanneer je op een website op een knop drukt en er verandert iets zonder dat de pagina opnieuw laadt, is dat JavaScript. Het is daarmee de meest verspreide programmeertaal ter wereld: elke telefoon, elke laptop en elke tablet kan het uitvoeren zonder installatie.

Hetzelfde denken, andere tekens

Een functie in Python: def dubbel(x): return x * 2. In JavaScript: function dubbel(x) { return x * 2; }. De ideeën zijn identiek: parameters, return, herhalingen, keuzes, lijsten (in JavaScript "arrays") en teksten. Anders zijn de accolades in plaats van inspringen, de puntkomma's en let voor variabelen. Wie een tweede taal leert, ontdekt wat programmeren écht is (het denken) en wat notatie is. Dat is de reden dat planeet Progio JavaScript introduceert nadat Python vertrouwd is.

Wat je leert in Progio

Functies, arrays en strings (for (const x of lijst), .toUpperCase()), objecten met eigenschappen (kolonisten en gebouwen), en testen met verborgen testgevallen. De code draait in een sandbox zonder toegang tot de pagina, met dezelfde 3-secondenlimiet als Python. Foutmeldingen zijn vertaald: "Het woord 'y' bestaat niet. Kijk of je het goed hebt gespeld (JavaScript let op hoofdletters)."

Van functie naar webpagina

JavaScript wordt pas echt leuk in combinatie met HTML en CSS: dan reageert een pagina op een klik. In Progio komen die drie samen op planeet Progio; wie verder wil, kan daarna zelfstandig een eigen pagina met knop en script bouwen. Zie ook functie, lijst en gebeurtenis.

Veelgemaakte fouten

Hoofdletters (telGroterDan is iets anders dan telgroterdan), een vergeten accolade, en = waar === bedoeld is. De tests laten ze meteen zien.