Getting Started

Welkom bij de JavaScript Cheat Sheet! Leer moderne JavaScript van basis tot advanced.

Wat leer je hier?

Van variables en functions tot API's en async/await. Alles wat je nodig hebt voor moderne JavaScript development.

Variables & Syntax

Leer de fundamentals van JavaScript.

Basis

Variables & Data Types

Leer de basis: variabelen declareren en data types gebruiken.

 Basis

Modern Syntax

Moderne JavaScript: arrow functions, template literals en for/of loops.

 Basis

Functions

Schrijf herbruikbare code met parameters, return waarden en scope.

Logica & Loops

Stuur de logica van je code met conditionals en loops.

Basis

Conditionals

Maak beslissingen met if/else, switch en de ternary operator.

 Basis

Loops

Herhaal code efficiënt met for, while, for...of en forEach.

Arrays & Objects

Werk met data structuren en methods.

Data

Arrays & Methods

Filter, sorteer en transformeer arrays met filter(), map() en sort().

 Data

Array Methods Extra

Geavanceerde methods: reduce(), some(), every(), flat() en meer.

 Data

String Methods

Manipuleer en bewerk tekst met handige string methods.

 Data

Destructuring & Spread

Moderne syntax voor uitpakken van arrays en objects.

 Data

Objects & Properties

Werk met JavaScript objects, properties en methods.

Browser & DOM

Manipuleer de pagina en reageer op gebruikersacties.

Data

DOM & Local Storage

Selecteer elementen, pas tekst aan en sla data op in de browser.

 Data

DOM Manipulatie

Maak en verwijder elementen dynamisch met createElement en appendChild.

 Data

classList

Voeg CSS-klassen toe, verwijder ze of wissel ze met classList.

 Data

Events & Listeners

Reageer op clicks, toetsaanslagen en formulieren met event listeners.

Async & API's

Werk met asynchrone code en externe data.

Advanced

JSON & Fetch

Laad en verwerk JSON bestanden met fetch en promises.

 Advanced

Async/Await & Promises

Werk met asynchrone code met promises en async/await.

 Advanced

API's

Haal data op van externe API's en verwerk in je app.

 Advanced

Error Handling

Vang fouten op met try/catch en schrijf robuuste JavaScript.

Patronen

Structureer je code met modules, classes en functieprogrammering.

Advanced

Modules

Verdeel code over bestanden met import en export.

 Advanced

Classes

Maak herbruikbare sjablonen met constructor, extends en super.

 Advanced

Closures & Callbacks

Begrijp hogere orde functies, callbacks en het closure-mechanisme.

Oefeningen

Pas je kennis toe met praktische oefeningen.

Oefenen

JavaScript Oefeningen

Van beginner tot advanced - 8 niveaus met praktische opdrachten.

Over de oefeningen:

Deze oefeningen bevatten geen oplossingen - zo leer je het beste! Begin bij niveau 1 en werk je geleidelijk omhoog. Elke niveau bouwt voort op de vorige.

Leerpad

Nieuw? Volg deze volgorde:

Start hier — Basics

  1. Variables & Data Types - Basis variabelen
  2. Functions - Parameters en return
  3. Conditionals - if/else en switch
  4. Loops - for, while en forEach
  5. Modern Syntax - Arrow functions

Daarna — Data & DOM

  1. Arrays & Methods - Filter en map
  2. Array Methods Extra - reduce, some, every
  3. String Methods - Tekst manipulatie
  4. Destructuring & Spread - Moderne syntax
  5. Objects - Object properties
  6. DOM & Storage - Browser API's
  7. DOM Manipulatie - createElement en appendChild
  8. classList - Klassen toevoegen en wisselen
  9. Events & Listeners - Klikken en typen

Advanced

  1. JSON & Fetch - Data laden
  2. Async/Await - Asynchrone code
  3. API's - Externe data
  4. Error Handling - try/catch
  5. Modules - import en export
  6. Classes - OOP en overerving
  7. Closures & Callbacks - Functieprogrammering

Oefenen

Klaar met de theorie? Ga naar JavaScript Oefeningen en test je kennis met praktische opdrachten!

Tips

Console.log alles

Debug met console.log

Lees errors

Stack traces helpen

Test in browser

F12 DevTools gebruiken

Klein beginnen

Baby steps werken beter