JavaScript

JavaScript, ook wel bekend als ECMAScript, is een zeer populaire scripttaal die vooral gebruikt wordt om websites interactief te maken en webapplicaties te ontwikkelen. JavaScript wordt in de meeste gevallen client side (door de browser van de bezoeker) uitgevoerd. Dat betekent dat je met JavaScript dezelfde resultaten kunt produceren op verschillende apparaten, mits deze over een browser beschikken.

Normaal gesproken gebeurt er niets meer met een pagina zodra deze helemaal is ingeladen. JavaScript brengt daar verandering in; door middel van JavaScript kun je bepaalde gebeurtenissen koppelen aan handelingen van gebruikers, zonder daarvoor de pagina te moeten herladen. Denk bijvoorbeeld aan een knop waar je op kan klikken om de inhoud (HTML) of het uiterlijk (CSS) van de pagina te veranderen. JavaScript is ook nodig om asynchroon data op te halen uit externe bronnen via APIs.

De vraag op de arbeidsmarkt naar kennis van JavaScript frameworks zoals React en Vue is de laatste jaren flink toegenomen. Ook is het tegenwoordig eenvoudiger dan ooit geworden om server side JavaScript uit te voeren middels Node.js.


Deze cursus bestaat uit:

  • 23 lessen
  • 166 onderwerpen
  • 158 opdrachten
Lessen overzicht
1 Inleiding JavaScript 7 opdrachten meer informatie
Inleiding JavaScript, Intern v.s. extern, Locatie van de scripts, Syntaxis van JavaScript, Variabelen, Var, let en const, Data types, Operatoren, Strict mode
2 Objecten 1 8 opdrachten meer informatie
Inleiding objecten, Properties, Nesteling, Ingebouwde objecten, Math, Date, String, Number
3 Arrays 7 opdrachten meer informatie
Inleiding arrays, Arrays aanmaken, Indices, Sorteren & uitlezen, Toevoegen & verwijderen, Samenvoegen, Multi-dimensionale arrays, Destructuring, Arrays v.s. objecten
4 Keuzestructuren 7 opdrachten meer informatie
Codestructuren, If statements, Truthy & Falsy, Comparison operators, Logical operators, Switch statements
5 Lussen 7 opdrachten meer informatie
Lussen, For loop, While loop, Do...while loop, Break & Continue, For...of, For...in
6 Functies 1 7 opdrachten meer informatie
Inleiding functies, Functies declareren, Functies aanroepen, Parameters & argumenten, Return values, Events, Event handlers, Event listeners, Anonieme functies
7 Document Object Model 8 opdrachten meer informatie
Inleiding DOM, Inhoud aanspreken, Attributen aanspreken, Stijlregels aanspreken, Meerdere elementen, Elementen aanmaken, Elementen plaatsen, Elementen verwijderen
8 Browser Object Model 7 opdrachten meer informatie
Inleiding BOM, Window object, Nieuwe vensters, Screen object, Location object, History object, Timeouts, Intervals
9 Reguliere expressies 8 opdrachten meer informatie
Inleiding reguliere expressies, RegExp, Symbolen, Ranges, Metakarakters, Quantifiers, Flags, String methods
10 Functies 2 7 opdrachten meer informatie
Hoisting, Function declarations, Function expressions, Arrow functions, Higher-order functions, Variadic functions, IIFEs
11 Objecten 2 7 opdrachten meer informatie
Objecten herhaling, Methods, Lexical scoping, Getters, Setters, Constructor functions, Object methods
12 Promises 6 opdrachten meer informatie
Asynchroniteit, Defer, Async, Promises, Then, Promise chains, Async & await
13 Fetch API 6 opdrachten meer informatie
AJAX, XMLHttpRequest, Fetch API, Opties & Events, Soorten bronnen
14 JSON 6 opdrachten meer informatie
Inleiding JSON, Syntaxis van JSON, Nesteling in JSON, JSON v.s. XML, JSON ophalen
15 Canvas 6 opdrachten meer informatie
Canvas, Context, Rechthoeken, Paden, Vullingen, Bogen
16 Prototypes 5 opdrachten meer informatie
Inleiding Prototypes, Prototypes opvragen, Prototypal inheritance, Instance v.s. prototype properties, Prototypes manipuleren, Overerving, Prototype chains
17 Web Storage 6 opdrachten meer informatie
Web Storage API, Local Storage, Session Storage, Data attributes, Data attributes in CSS, Formulieren in JS, FormData object
18 Classes 7 opdrachten meer informatie
Inleiding classes, Constructors, Class fields, Private fields, Private methods, Getters en setters, Overerving, Static keyword, Static properties & methods
19 NPM 8 opdrachten meer informatie
Dependency managers, Introductie Node.js, Node.js REPL, Introductie NPM, package.json, SemVer, devDependencies, Bundlers
20 Iterables 8 opdrachten meer informatie
Iterable protocol, Spread operator, Maps (1), Maps (2), Sets (1), Sets (2), Generators (1), Generators (2)
21 Modules 5 opdrachten meer informatie
ES Modules, Exporteren, Importeren, Default exports, Aliases, Webpack, Distributions
22 Web API's 7 opdrachten meer informatie
Inleiding API's, REST, Authenticatie, API's consumeren, GET, Voorbeeld - Trello API, POST, DELETE, PUT en PATCH
23 Eindopdracht JavaScript 8 opdrachten meer informatie
Web apps, Algemene richtlijnen