Web Programming
B3l1n4y
2025 - 2026
,Inhoudsopgave
Basis ........................................................................................................................................ 4
Javascript .............................................................................................................................. 4
Formularium ............................................................................................................................. 5
Nieuw project aanmaken ....................................................................................................... 5
Initialiseer nieuwe npm project .............................................................................................. 5
Initialiseer Typescipr in project ............................................................................................... 5
Node types installeren ........................................................................................................... 5
Printing ................................................................................................................................. 5
Uitvoeren .............................................................................................................................. 5
Create-clean-node ................................................................................................................ 5
Input lezen ............................................................................................................................ 5
Basic types............................................................................................................................ 6
Union types ........................................................................................................................... 7
Conditionele blok .................................................................................................................. 8
Loops ....................................................................................................................................... 8
Functie.................................................................................................................................. 9
Functie - onderdelen.............................................................................................................. 9
Functie - argumenten............................................................................................................. 9
Arrow functie ......................................................................................................................... 9
Arrow functie met return type ................................................................................................. 9
Arrow functie argumenten ...................................................................................................... 9
Functie of arrow functie? ....................................................................................................... 9
Variabele en scope .............................................................................................................. 10
Datatype: Array.................................................................................................................... 10
Array index .......................................................................................................................... 10
Array length ......................................................................................................................... 10
Array – waarde aanpassen ................................................................................................... 10
Array – waarde toevoegen .................................................................................................... 10
For … of loop ....................................................................................................................... 10
Array sorteren...................................................................................................................... 10
Arrays ..................................................................................................................................... 10
Gebruik ............................................................................................................................... 10
Array.find() .......................................................................................................................... 11
, Array.findIndex() .................................................................................................................. 11
Array.filter() ......................................................................................................................... 11
Array.every() ........................................................................................................................ 12
Array.some()........................................................................................................................ 12
Array.forEach() .................................................................................................................... 12
Array.map() ......................................................................................................................... 12
Array.reduce() ..................................................................................................................... 12
Array method chaining ......................................................................................................... 12
Class ...................................................................................................................................... 12
Object Oriented Programming (OOP) .................................................................................... 12
Class .................................................................................................................................. 13
Class gebruiken ................................................................................................................... 13
Eigenschappen (properties) ................................................................................................. 13
Methods.............................................................................................................................. 14
Overerving ........................................................................................................................... 14
Asynchroon programmeren ..................................................................................................... 15
Promises ............................................................................................................................. 15
Async/Await ........................................................................................................................ 17
Fetch .................................................................................................................................. 17
Modules ................................................................................................................................. 20
Module maken..................................................................................................................... 20
Module importeren .............................................................................................................. 21
Default exports .................................................................................................................... 21
Interfaces exporteren........................................................................................................... 21
Classes exporteren .............................................................................................................. 21
Npm Packages .................................................................................................................... 21
SemVer ............................................................................................................................... 22
Node_modules .................................................................................................................... 22
Importeren npm packages ................................................................................................... 22
JSON ................................................................................................................................... 22
Express.js ............................................................................................................................... 23
Express hello world.............................................................................................................. 23
Express routes..................................................................................................................... 24
Multiple routes .................................................................................................................... 24
, Paths niet bestaan foutmelding ............................................................................................ 24
Web applicatie in API ........................................................................................................... 25
Async routes ....................................................................................................................... 25
Request .............................................................................................................................. 25
Requests Headers ............................................................................................................... 26
PathParameters .................................................................................................................. 26
Query Parameters................................................................................................................ 26
Request Body ...................................................................................................................... 26
Response ............................................................................................................................ 26
Router ................................................................................................................................. 27
MySQL ................................................................................................................................ 28
Frontend ................................................................................................................................. 30
DOM Manipulatie................................................................................................................. 30
Document Object Model (DOM) ........................................................................................... 31
DOM Manipulatie................................................................................................................. 32
DOM elementen aanmaken.................................................................................................. 33
VITE .................................................................................................................................... 33
Deployment met Surge ........................................................................................................ 34
CORS .................................................................................................................................. 35
Van Form tot Database ........................................................................................................ 36
B3l1n4y
2025 - 2026
,Inhoudsopgave
Basis ........................................................................................................................................ 4
Javascript .............................................................................................................................. 4
Formularium ............................................................................................................................. 5
Nieuw project aanmaken ....................................................................................................... 5
Initialiseer nieuwe npm project .............................................................................................. 5
Initialiseer Typescipr in project ............................................................................................... 5
Node types installeren ........................................................................................................... 5
Printing ................................................................................................................................. 5
Uitvoeren .............................................................................................................................. 5
Create-clean-node ................................................................................................................ 5
Input lezen ............................................................................................................................ 5
Basic types............................................................................................................................ 6
Union types ........................................................................................................................... 7
Conditionele blok .................................................................................................................. 8
Loops ....................................................................................................................................... 8
Functie.................................................................................................................................. 9
Functie - onderdelen.............................................................................................................. 9
Functie - argumenten............................................................................................................. 9
Arrow functie ......................................................................................................................... 9
Arrow functie met return type ................................................................................................. 9
Arrow functie argumenten ...................................................................................................... 9
Functie of arrow functie? ....................................................................................................... 9
Variabele en scope .............................................................................................................. 10
Datatype: Array.................................................................................................................... 10
Array index .......................................................................................................................... 10
Array length ......................................................................................................................... 10
Array – waarde aanpassen ................................................................................................... 10
Array – waarde toevoegen .................................................................................................... 10
For … of loop ....................................................................................................................... 10
Array sorteren...................................................................................................................... 10
Arrays ..................................................................................................................................... 10
Gebruik ............................................................................................................................... 10
Array.find() .......................................................................................................................... 11
, Array.findIndex() .................................................................................................................. 11
Array.filter() ......................................................................................................................... 11
Array.every() ........................................................................................................................ 12
Array.some()........................................................................................................................ 12
Array.forEach() .................................................................................................................... 12
Array.map() ......................................................................................................................... 12
Array.reduce() ..................................................................................................................... 12
Array method chaining ......................................................................................................... 12
Class ...................................................................................................................................... 12
Object Oriented Programming (OOP) .................................................................................... 12
Class .................................................................................................................................. 13
Class gebruiken ................................................................................................................... 13
Eigenschappen (properties) ................................................................................................. 13
Methods.............................................................................................................................. 14
Overerving ........................................................................................................................... 14
Asynchroon programmeren ..................................................................................................... 15
Promises ............................................................................................................................. 15
Async/Await ........................................................................................................................ 17
Fetch .................................................................................................................................. 17
Modules ................................................................................................................................. 20
Module maken..................................................................................................................... 20
Module importeren .............................................................................................................. 21
Default exports .................................................................................................................... 21
Interfaces exporteren........................................................................................................... 21
Classes exporteren .............................................................................................................. 21
Npm Packages .................................................................................................................... 21
SemVer ............................................................................................................................... 22
Node_modules .................................................................................................................... 22
Importeren npm packages ................................................................................................... 22
JSON ................................................................................................................................... 22
Express.js ............................................................................................................................... 23
Express hello world.............................................................................................................. 23
Express routes..................................................................................................................... 24
Multiple routes .................................................................................................................... 24
, Paths niet bestaan foutmelding ............................................................................................ 24
Web applicatie in API ........................................................................................................... 25
Async routes ....................................................................................................................... 25
Request .............................................................................................................................. 25
Requests Headers ............................................................................................................... 26
PathParameters .................................................................................................................. 26
Query Parameters................................................................................................................ 26
Request Body ...................................................................................................................... 26
Response ............................................................................................................................ 26
Router ................................................................................................................................. 27
MySQL ................................................................................................................................ 28
Frontend ................................................................................................................................. 30
DOM Manipulatie................................................................................................................. 30
Document Object Model (DOM) ........................................................................................... 31
DOM Manipulatie................................................................................................................. 32
DOM elementen aanmaken.................................................................................................. 33
VITE .................................................................................................................................... 33
Deployment met Surge ........................................................................................................ 34
CORS .................................................................................................................................. 35
Van Form tot Database ........................................................................................................ 36
