JavaScript Fundamentals

Bouw met vertrouwen professionele JavaScript-oplossingen

Beschrijving

JavaScript vormt de basis van moderne webapplicaties, backend-services en development tooling. Om de taal professioneel toe te passen, heb je meer nodig dan alleen syntax: je moet begrijpen hoe JavaScript zich in echte code gedraagt.

In deze training leg je een stevig fundament in JavaScript-semantiek, types, scope en operatoren. Je leert waar JavaScript afwijkt van klassieke OO-talen en hoe je voorspelbare, onderhoudbare code schrijft.

Je oefent met functies, arrays en objecten, en past technieken toe zoals destructuring, classes en modules. De nadruk ligt op dagelijkse keuzes die codekwaliteit en teamsnelheid verhogen.

Wist je dat in JavaScript:

• "1" == true evalueert naar true
• ++x niet altijd dezelfde waarde oplevert als x + 1
• Er geen public- en private-keywords bestaan, maar wel syntax voor getters en setters
• Objecten, functies en arrays nauw verwante taalconstructies zijn
• Reflectiemogelijkheden grotendeels in de taal zelf zitten
• Semicolon insertion vaak handig is, maar je ook kan verrassen
• Modern ECMAScript features bevat die oudere boilerplate vervangen, zoals block bindings, destructuring, arrow functions, classes en modules

Deze training is voor ontwikkelaars die professioneel software bouwen en JavaScript met vertrouwen willen inzetten, inclusief ontwikkelaars die overstappen vanuit C#, Java of C++.

Onderwerpen

In deze module bouw je een praktisch begrip op van JavaScript's typesysteem.

Lessen

• Built-in types
• Primitive types zoals number, string, null, undefined, etc.
• Reference types en built-in objects zoals globalThis
• Regular expressions
• Variabele declaraties en hun scope

Na het afronden van deze module kunnen deelnemers:

• Uitleggen hoe JavaScript met waarden en types omgaat
• Het verschil tussen var, let en const helder benoemen

In deze module leer je hoe JavaScript typeconversies en coercion uitvoert.

Lessen

• Wanneer conversies plaatsvinden
• JavaScript's voorkeuren bij conversies
• Object/Array naar string/number
• number naar string
• string naar number

Na het afronden van deze module kunnen deelnemers:

• Herkennen wanneer conversies plaatsvinden
• Uitleggen hoe objecten en primitieve waarden worden geconverteerd

In deze module leer je operators in JavaScript veilig en effectief toepassen

Lessen

• == vs ===
• typeof, instanceof, delete, etc.
• x ? y : z, ..., ||, &&, ??, **, etc.
• +, **, ??=, ||=, etc.

Lab: types, conversions en operators

Na het afronden van deze module kunnen deelnemers:

• Het verschil tussen &&, || en ?? uitleggen
• Belangrijke operators herkennen en doelgericht inzetten

In deze module leer je control structures toepassen in productiecode.

Lessen

• Standaard control structures als for, if en while
• switch
• for..in en for..of
• Exception handling
• Strict mode
• Semicolon insertion

Na het afronden van deze module kunnen deelnemers:

• Correct kiezen tussen for..in en for..of
• Exceptions doelgericht gooien en afhandelen
• Strict mode in de juiste context gebruiken
• Consistente keuzes maken rond puntkomma's

In deze module leer je hoe arrays in JavaScript werken en waarom ze afwijken van klassieke arrays.

Lessen

• Arrays aanmaken en gebruiken
• Waarom JavaScript arrays geen typische arrays zijn
• Array-functies gebruiken
• Spread-operator in combinatie met arrays

Lab: Arrays

Na het afronden van deze module kunnen deelnemers:

• Arrays met vertrouwen inzetten in professionele code

In deze module leer je objecten effectief te modelleren, op te bouwen en te bewerken.

Lessen

• Objecten aanmaken
• Object literals
• Verschillende notaties voor het benaderen van properties
• De spread operator in combinatie met objecten
• Dubbele properties en hun toepassingen
• Het JSON object gebruiken

Lab: Objects

Na het afronden van deze module kunnen deelnemers:

• Professioneel omgaan met objecten
• Factories maken
• Objecten naar JSON converteren en terug

In deze module leer je functies doelgericht te gebruiken als kernbouwsteen van JavaScript.

Lessen

• Hoisting van functies
• Functieparameters en default parameters
• Block-level functies
• Arrow functions: () => {}

Lab: Functions

Na het afronden van deze module kunnen deelnemers:

• Professioneel omgaan met functies
• Functieparameters en default parameters effectief toepassen
• Bepalen wanneer je gewone functies gebruikt en wanneer een arrow function

In deze module leer je hoe destructuring code leesbaarder en duidelijker maakt.

Lessen

• Destructuren van objecten
• Destructuren van arrays
• Destructuren van een object/array-combinatie
• Default waarden en aliassen instellen
• Rest-operator in combinatie met destructuring
• Praktische toepassingen van destructuring

Lab: Destructuring

Na het afronden van deze module kunnen deelnemers:

• Complexe objecten en arrays destructuren
• Herkennen wanneer destructuring de meest praktische keuze is

In deze module leer je classes in JavaScript helder en pragmatisch toepassen.

Lessen

• Classes definieren en gebruiken
• Class expressions
• Getters/setters
• static
• Inheritance
• Overriding functions
• Abstract classes

Lab: Classes

In deze module leer je applicaties modulair op te bouwen met ES Modules.

Lessen

• Waarom modules
• Modules in de browser
• import, export en hun variaties
• Bekend raken met module bundlers

Lab: Modules

Na het afronden van deze module kunnen deelnemers:

• Modulair werken met import en export
• De voordelen van module bundlers begrijpen