Creatief Coderen in JavaScript

Maak iets cools met de programmeertaal van het web

View project on GitHub

Creatief Coderen in Javascript

Met JavaScript kun je van alles maken: flitsende websites, grafische effecten en natuurlijk ook games!

Projecten

Stap voor stap leer je JavaScript kennen.

  • Candy Crave
    Maak een simpel spel waarbij je zo veel mogelijk snoep moet eten!
    Maak kennis met JavaScript: variabelen, als-dan-anders (if/else) en functies.

Meer opdrachten komen binnenkort.

Vergelijk Scratch en JavaScript

Ken je Scratch en wil je JavaScript leren? Kijk dan eens naar de vertaaltabel.

Eenvoudige voorbeelden

Deze korte voorbeelden laten steeds iets belangrijks van JavaScript zien.

Om de JavaScript-code te bekijken: druk Ctrl+U (Bron weergeven) en klik op script.js.

  • variabele: om een waarde te onthouden
    Een variabele is een soort ‘doosje’ waarin je een waarde (een getal, stukje tekst, etc.) kunt bewaren. Hier gebruiken we er bijvoorbeeld een om te tellen hoe vaak je klikt.

  • if/else: om te beslissen wat er moet gebeuren
    Met if/else kun je bijvoorbeeld een cirkel tekenen als de muis in de bovenste helft van het scherm staat, of anders een rechthoek.

  • function: om opdrachten te groeperen en hergebruiken
    Met een functie kun je bijvoorbeeld eenvoudig een vorm meerdere keren tekenen in verschillende kleuren.

  • lus: om opdrachten te herhalen
    Als je bijvoorbeeld een heleboel lijnen wilt tekenen, is een lus vaak handig.

  • lijst: om een lijst waardes bij te houden
    Als je een veel dezelfde soort dingen wilt bijhouden, zoals de positie en snelheid van sterren, komen lijsten van pas.

Voorbeeldprojecten

Kijk eens of je deze programma’s begrijpt, en of je er zelf iets aan kunt veranderen!

  • Flashy Fireworks
    Veelkleurige vuurpijlen ontploffen in een spectaculaire show!
    Je leert wat je kunt bereiken met lijsten.

  • Kitten Crisis
    Fluffy en haar broertjes lopen gevaar… om nat te worden! Alleen als jij snel genoeg kunt typen, blijven de schattige kittens droog!
    Je leert over lijsten en objecten.

  • Twisty Trees
    Een extra ingewikkeld programma voor wie het leuk vindt. De mentoren kunnen je er meer over vertellen.
    Bomen tekenen door takken telkens verder te splitsen.
    Je leert over functies die zichzelf aanroepen (recursie).