JavaScript Gevorderd

Verdiep je JavaScript skills met hands-on Node.js, AJAX, jQuery en modulaire code - dé stap naar professionele webontwikkeling.

Deze cursus biedt een praktische verdieping in JavaScript voor moderne webontwikkeling. Je leert hoe je met Node.js server-side scripts schrijft en hoe je met AJAX en JSON data dynamisch ophaalt en verwerkt. Met jQuery versimpel je DOM-manipulatie en event handling. Daarnaast leer je hoe je JavaScript modulair opbouwt met herbruikbare componenten en een duidelijke structuur. De cursus combineert theorie met hands-on opdrachten en laat zien hoe je front-end en back-end laat samenwerken voor interactieve, schaalbare applicaties. Ideaal voor wie al basiskennis heeft van JavaScript en wil doorgroeien naar professioneel gebruik.

• Modulair ontwerp
  • JavaScript variabelen
    • Hoisting
    • Variabele scope
  • Function keyword
    • Functie expressie
    • Named function expression
  • Closure
    • Geen closure
    • Wel closure
    • Praktijk closure voorbeeld
  • Javascript Design Patterns voor Module
    • Revealing Module Pattern
    • Module uitbreiden: Augment
  • Immediately Invoked Function Expression: Iffy
    • Uitvoeringscontext en global scope
    • Met Iffy module maken
    • Save state met closure
    • mini-jQuery
  • Functies call() en apply()
    • .call()
    • apply()
    • Nuttige toepassing van .call()
  • Puntkomma voor iffy

• Serverside JavaScript met Node.js
  • Wat is Node.js
  • Werking Node.js
    • Node webserver
    • Request-handling
  • Node: HTTP Transactie
    • Echo Server
  • Webserver applicaties in NodeJS
    • Server met constante
    • Server met parameter
    • Server met html form GET
    • Server met HTML request (post) en response
    • Webserver voor meerdere requests en responses
    • Meerdere clients op een node.js server

• AJAX, JQuery en data gebruik
  • XMLHttpRequest (XHR)
    • XMLHttpRequest Level 2
    • XHR-object uit ajax.js
  • Ajax met XHR in node.js
    • XHR met text
    • Cross-Origin Request
    • Progress Events
    • Gebruik XHR Level 2
  • Ajax met JSON data
  • jQuery
    • Elementen selecteren
    • JavaScript events
    • Effecten
    • Voorbeelden
    • jQuery User Interface
    • Document Object Model (DOM) doorlopen met jQuery
    • AJAX met jQuery
    • HTML5 met AJAX en jQuery
  • REST in Webservice
    • Webservice
    • Termen
    • RPC: REST
    • Rest service met "Open Movie Database"
    • Aanroepen van REST met HTTP POST
  • Database koppeling
    • Node met MySQL
  • JSONP met jquery en $.ajax met data

• ECMAscript ES6
  • ES6 code
    • Variabelen
    • Arrow function
    • Strings
    • Iterables & iterators
    • Rest en Spread
    • Destructuring
    • Classes
  • Promises
  • Generators
  • Proxies