Wij maken gebruik van Cookies. Cookies zijn bestanden die in je browser worden opgeslagen en zorgen dat de website optimaal werkt, dat je sneller vindt wat je zoekt en dat getoonde content voor jou zo relevant mogelijk is. Lees er meer over in ons cookies- en privacybeleid. Klik hieronder het gewenste niveau.
Niveau 1: Deze cookies zijn noodzakelijk voor een goed en veilig werkende website.
Niveau 1+2: Met deze cookies maken we de website persoonlijker en gebruiksvriendelijker.
Niveau 1+2+3: Deze cookies zorgen ervoor dat we je relevante advertenties kunnen laten zien.

Wil je interactieve webapplicaties bouwen?

home/trainingen/development/javascript js

Javascript JS (DEV-JS)

Wil je interactieve webapplicaties bouwen? In deze training leer je JavaScript van basis tot ES6+, inclusief DOM-manipulatie, asynchroon programmeren en API’s, zodat je dynamische websites kunt maken.

Wil je...

Wil je JavaScript leren en interactieve webapplicaties bouwen? In deze driedaagse training ontdek je de kracht van JavaScript, van basisconcepten tot moderne technieken zoals ES6+, asynchroon programmeren en API-integratie. Je leert hoe je dynamische content beheert via de DOM, events afhandelt en efficiënte code schrijft met functies, objecten en arrays.

Wat leer je in deze training?

  • JavaScript-basis – Variabelen, datatypes, operators en controleflow.
  • Functies & objecten – Scope, closures, ES6-classes en prototype-inheritance.
  • DOM-manipulatie – HTML-elementen selecteren, aanpassen en events afhandelen.
  • Asynchroon programmeren – Callbacks, Promises, async/await en de Fetch API.
  • Moderne ES6+ technieken – Arrow functions, destructuring en modules.

Deze training is ideaal voor beginnende developers, frontend-ontwikkelaars en designers die interactieve functionaliteiten aan websites willen toevoegen. Je werkt met Engelstalig lesmateriaal, praktijkgerichte opdrachten en moderne tools, ondersteund door een Nederlandstalige docent.

Wat is inbegrepen

  1. Een AI-Tutor voor ondersteuning tijdens en na de training
  2. Engelstalig lesmateriaal
  3. Nederlandstalige docent
  4. Praktijkgerichte labs
  5. Certificaat van deelname

Voor wie

  • Beginners die webdevelopment willen leren.
  • Frontend-developers die hun JavaScript-kennis willen verdiepen.
  • Full-stack ontwikkelaars in opleiding (i.c.m. Node.js).
  • Designers die interactieve elementen aan websites willen toevoegen.

Voorkennis

  • Geen programmeerervaring vereist.
  • Basiskennis van HTML/CSS is nuttig, maar niet verplicht.
  • Vertrouwdheid met browserdeveloper tools (Chrome DevTools) is een pré.

Info & aanmelden

Onze missie
Iedereen verdient IT-trainingen die echt verschil maken. Daarom maken wij IT persoonlijk: afgestemd op jouw niveau, leerstijl en ambities.
Klassikaal of virtueel
Onze trainingen kun je klassikaal op locatie volgen of virtueel vanuit huis of kantoor. Zo kies je de leervorm die het beste past bij jouw agenda en werksituatie.
Nederlandse trainers
Onze trainingen worden verzorgd door Nederlandse trainers. Het lesmateriaal is Engelstalig, zodat het aansluit op internationale IT-standaarden en certificeringen.
Wanneer
Kies een locatie
Volg deze training klassikaal vanaf...
€ 9.999,00
Jouw keuze
€ 9.999,-
Excl. BTW
Print offerte

Programma

Modules

Dag 1: JavaScript Basis en Syntax
  • Installatie van Software Node.js en VSCode.
  • Basisconcepten: variabelen (let, const, var), datatypes (string, number, boolean, null, undefined, object).
  • Operatoren: rekenkundig (+, -, *, /), vergelijking (===, !==), logisch (&&, ||, !).
  • Controlestructuren: if/else, switch, for-loops, while-loops.
  • Functies: declaratie, parameters, return-waarden.
Dag 2: Geavanceerde Functies en DOM-introductie
  • Functies als first-class citizens: anonieme functies, callbacks.
  • Arrays: aanmaken, methoden (push, pop, map, filter, reduce).
  • Objecten: properties, methods, this-keyword.
  • Introductie tot de DOM (Document Object Model): querySelector, elementen aanpassen (.textContent, .innerHTML).
  • ES6+ features: arrow functions, template literals, destructuring.
Dag 3: Asynchroon Programmeren en Moderne Technieken
  • Asynchrone code: setTimeout, Promises, async/await.
  • Event handling: click-, form- en keyboard-events.
  • Error handling: try/catch/finally.
  • Fetch API: data ophalen van een externe bron (JSONPlaceholder).
  • Modulaire code: import/export (ES6-modules).

  • Basisconcepten en Syntax:
  • Variabelen: let, const, var (scope-verschillen).
  • Datatypes: primitief (string, number, boolean, null, undefined) en complex (object, array).
  • Typeconversie: expliciet (parseInt(), String()) en impliciet.
  • Operatoren:
  • Rekenkundig: +, -, , /, %, *.
  • Vergelijking: ==, ===, !=, !==, >, <.
  • Logisch: &&, ||, ! (truthy/falsy-waarden).
  • Strings: template literals (backticks), methoden (slice(), replace(), includes()).
  • Controlestructuren:
  • Conditioneel: if/else if/else, switch-statements.
  • Loops: for (traditioneel, for…​of, for…​in), while, do…​while.
  • Loop-control: break, continue, geneste loops.
  • Functies en Scope:
  • Functiedefinities: declaraties, expressies, IIFE (Immediately Invoked Function Expressions).
  • Parameters: default values, rest parameters (…​args).
  • Arrow functions: syntax, this-binding.
  • Scope: globale scope, function scope, block scope (let/const).
  • Closure: basisconcept en praktijkvoorbeelden.
  • Arrays en Methoden:
  • Aanmaken: literals, Array.from(), new Array().
  • Methoden:
  • Mutatie: push(), pop(), shift(), unshift(), splice().
  • Iteratie: forEach(), map(), filter(), reduce(), find(), some(), every().
  • Ordening: sort(), reverse().
  • Array destructuring: const [a, b] = arr;.
  • Objecten en OOP:
  • Object literals: properties, methods, shorthand syntax.
  • this-keyword: context in functies en arrow functions.
  • Constructor functions en new-keyword.
  • ES6 Classes: class, constructor, methods, static methods.
  • Prototype chain en inheritance: extends, super().
  • Object destructuring: const { name, age } = obj;.
  • JSON: JSON.parse(), JSON.stringify().
  • Moderne ES6+ Features:
  • Template literals: interpolatie, multi-line strings.
  • Destructuring: arrays, objecten, geneste structuren.
  • Spread/rest operator: …​ voor arrays/objecten/parameters.
  • Modules: import/export, default vs named exports.
  • DOM-manipulatie en Events:
  • DOM-selectie: document.querySelector(), querySelectorAll().
  • Elementen aanpassen: .textContent, .innerHTML, .setAttribute().
  • Stijl wijzigen: .style.property, classList.add()/remove().
  • Event listeners: addEventListener(), click, submit, keydown.
  • Event object: event.preventDefault(), event.target.
  • Dynamische HTML: elementen maken/verwijderen (createElement(), appendChild()).
  • Asynchroon Programmeren:
  • Callback-functies en callback hell.
  • Promises: .then(), .catch(), .finally(), chaining.
  • async/await-syntax voor leesbare asynchrone code.
  • Fetch API: fetch(), Response.json(), error handling.
  • Axios (basis): alternatief voor fetch.
  • Error Handling en Debugging:
  • try/catch/finally-blokken.
  • Custom errors: throw new Error().
  • Debugging met console.log(), console.error(), breakpoints (Chrome DevTools).
  • Tools en Praktijk:
  • npm basics: npm init, packages installeren (bijv. axios).
  • Bundelen met Parcel (basis): modules bundelen voor browsers.
  • Linting: ESLint introductie (consistentie in code).
  • Praktijkcases:
  • Formuliervalidatie.
  • Dynamische filters voor productlijsten.
  • API-integratie (weer-app met OpenWeatherMap).
  • Geavanceerde Concepten (introductie):
  • Web APIs: localStorage, sessionStorage.
  • Timers: setInterval(), clearInterval().
  • Strict mode: "use strict" en voordelen.
  • Functioneel programmeren: pure functies, immutability.

Examen

  • Bereidt voor op het Microsoft Technology Associate (MTA) JavaScript-certificaat.
  • Basis voor vervolgcursussen zoals Frontend Development met React of Node.js Fundamentals.
  • Optioneel extern examen (niet inbegrepen).

Studiebelasting

Open leercentrum: 18 lesuren, 0 uren zelfstudie

We make
personal

Persoonlijk leren, begeleid door Buddy


Bij veel IT trainingen ontstaat de echte uitdaging pas na de lesdag. Vragen blijven liggen, oefenen kost tijd en niet iedereen leert in hetzelfde tempo.

Daarom werken wij met Buddy: onze overkoepelende AI-ondersteuning die deelnemers begeleidt van oriëntatie tot certificering en toepassing in de praktijk.

Buddy ondersteunt bij kiezen, voorbereiden, leren, voortgang en afronding. Zo blijft de ontwikkeling doorgaan tijdens én buiten de trainingsmomenten.

Company strippenkaart


Strippenkaart van The Academy

Flexibel opleiden met voordeel en tot twee jaar zekerheid.

Met de Strippenkaart koop je vooruit opleidings­capaciteit in voor je organisatie. Je zet trainingen flexibel in voor meerdere medewerkers, wanneer het past bij jullie planning. Met voordeel per trainingsdag en een geldigheid tot twee jaar haal je meer rendement uit je opleidings­budget, zonder vast te zitten aan starre afspraken.

De volgende training is gevonden

Professioneel pakket

60 Strippen
28 % kortingMeest gekozen
€ 25.704,00 € 35.700,00Je bespaart € 9.996,00
Geldig 24 maanden
Persoonlijke opleidingsadviseur
Flexibel inzetbaar
Bekijk details

Ook beschikbaar:

21 Strippen
13% korting
€ 1.617,- besparing
30 Strippen
23% korting
€ 4.017,- besparing
150 Strippen
29% korting
€ 25.500,- besparing

NIEUWSBRIEF:    Blijf op de hoogte van nieuwe trainingen en acties