Je gaat verder dan losse syntax en leert vooral redeneren over gedrag, foutafhandeling, timing en de keuzes die je maakt bij productiegerichte front-end ontwikkeling.

Je werkt met classes, constructors, methods, getters en setters, private velden, inheritance, composition en static members. Ook behandel je JSON, modules, closures, IIFE's en ECMAScript modules. Daarnaast leer je state en DOM synchroniseren zonder framework en verdiep je je in asynchrone code met promises, chaining, async/await, Promise.all, Promise.allSettled, observables met RxJS en de event loop. Verder komen HTTP, Fetch API, CRUD, CORS, AbortController, Progressive Web Apps, storage, service workers, lazy loading, WebSockets, foutafhandeling, debugging met DevTools en Web Components aan bod.

Tijdens de cursus oefen je met praktische front-end scenario's die aansluiten op dagelijkse ontwikkelwerkzaamheden. Je haalt data op en verwerkt die, annuleert requests, voegt offline mogelijkheden toe, zet realtime communicatie op, structureert componenten en analyseert problemen met browser DevTools. Daarbij leer je veelgemaakte fouten herkennen en maak je bewuste keuzes rond performance, timinggedrag, cache, storage en foutpaden.

Deze opleiding heeft de volgende onderwerpen:
#Dag 1

#Classes, constructors, methods, getters en setters
#Private velden, inheritance, composition en static members
#JSON: stringify, parse en foutafhandeling
#Modules, closures, IIFE's en ECMAScript modules
#State en DOM synchroniseren zonder framework
#Promises, chaining, async/await, Promise.all en Promise.allSettled
#Observables met RxJS: operators, subjects en wanneer je RxJS wel of niet inzet
#HTTP, Fetch API, CRUD, CORS en AbortController
Dag 2
#Progressive Web Apps: manifest, HTTPS, service workers en lifecycle
#Offline applicaties met sessionStorage, localStorage en IndexedDB
#Cache- en storagekeuzes voor praktische offline scenario's
#Lazy loading met native loading en IntersectionObserver
#WebSockets, reconnect en heartbeat
#Event loop, microtasks, queueMicrotask en timinggedrag
#Foutafhandeling, custom errors en debugging met DevTools
#Web Components: custom elements, shadow DOM, templates en slots

Advanced front-end development met JavaScript (Active Learning) (Virtueel)