Om aan de slag te gaan met deze frameworks heb je basiskennis JavaScript nodig en die basis leg je in deze cursus.



Je leert werken met variabelen, datatypes, statements, functies en programmeerstructuren zoals if/else, switch en loops. Dit zijn de bouwstenen waarmee je leert hoe je logica in je code aanbrengt. Daarna ontdek je onderwerpen als scope, hoisting en closures, die je helpen begrijpen hoe JavaScript je code uitvoert. Ook werk je met objecten, arrays, JSON en AJAX om data dynamisch te verwerken. Verder komen DOM-manipulatie en events aan bod, zodat je leert hoe je elementen op een pagina kunt aanpassen of interactief maakt. Je leert daarnaast werken met callback functies, lambda& #146;s en objectgeori& #235;nteerde concepten zoals prototypes en klassen, belangrijk om door te groeien naar grotere projecten en moderne frameworks binnen front-end development.



In de praktijkopdrachten schrijf en test je je eigen scripts in browsers zoals Google Chrome, Mozilla Firefox en Microsoft Edge. Je valideert formulieren, maakt interactieve elementen en eenvoudige animaties en oefent met dynamische data-uitwisseling via AJAX. Zo ervaar je stap voor stap hoe JavaScript een statische pagina verandert in een interactieve webapplicatie en leg je een solide basis voor verdere groei richting frameworks en gevorderde front-end ontwikkeling.


Deze opleiding heeft de volgende onderwerpen:
#Inleiding en Chrome developer tools

#Basisbegrippen, scope en console.log

#Programmeerstructuren

#Functies

#Objecten, JSON en AJAX

#DOM manipulatie, events, formulieren, callback functies en lambda expressies

#Object creatie en overerving

#HTML5 API's programmeren (optioneel)

#Inleiding en Chrome developer tools

#Basisbegrippen, scope en console.log

#Statements

#Variabelen

#Commentaar

#Datatypen

#Scope

#Hoisting

#Operatoren

#Programmeerstructuren

#If en else statements

#Switch statement

#Loops

#Functies

#Standaard functies

#Anonieme functies

#Closures

#IFFY's

#Objecten, JSON en AJAX

#Standaard objecten

#Arrays

#Array hulp methoden

#Template Strings

#JSON

#AJAX

#DOM manipulatie, events, formulieren, callback functies en lambda expressies

#Dom structuur

#Dom manipulatie

#Events

#Callback functies

#Lambda expressies

#Object creatie en overerving

#Object instanties

#Prototype

#Object.create()

#Call, bind en apply functies

#Klassen en constructoren

#HTML5 API's programmeren (optioneel)

#Websocket API

#Web Workers

#Web Storage API

#File API en drag & drop

#Notification API