Webontwikkeling Fundamenten | HTML | CSS | JavaScript

Eerste stappen in ontwikkeling:

• Afdrukactie console.log

• Een variabele definiëren van type var

• Variabelen combineren met console.log

Basis wiskundige bewerkingen:

• Definiëren van nummer variabelen

• Rekenkundige bewerkingen - optellen, aftrekken, vermenigvuldigen en delen

• Gebruik van de console.log met rekenkundige bewerkingen

Strings:

• Wat is een string

• Stringvariabelen definiëren

• Stringindexering begrijpen

• Gebruik van de vierkante haakjes [] operator

Voorwaarden en Booleaanse variabelen:

• Begrip van de if-voorwaarde

• Groter dan operatie

• Kleiner dan operatie

• Gelijkheidsoperatie

• Ongelijkheidsoperatie (niet gelijk)

• Groter dan of gelijk operatie

• Kleiner dan of gelijk operatie

• Gebruik van eenvoudige voorwaarden

Geavanceerde condities:

• Geavanceerde condities en logische operatoren (&& en ||)

• Gebruik van if en else

• Gebruik van complexe condities met else if

Modulo-operatie:

• Gebruik van de modulo-operatie (%) om de rest te berekenen

• Een methode gebruiken om het aantal cijfers in een getal te berekenen

• Gebruik van parseInt om het resultaat van een getal af te ronden

While loops:

• Hoe schrijf je een while loop

• Het begrip index en het gebruik ervan begrijpen

For loops:

• Een for loop definiëren en het gebruik ervan

• Begrip van loop initialisatie, increment en beëindiging

Geavanceerde onderwerpen met modulo:

• Modulo gebruiken voor complexere taken

• Hoe de som van de cijfers van getallen te berekenen

Arrays:

• Een array definiëren

• Het concept van index in een array begrijpen en het gebruik ervan

• Itereren over arrays met loops

Objecten:

• Een leeg object definiëren

• Sleutels initialiseren in een object

• Toegang tot sleutels met de dot-operator

• Dynamisch toegang tot sleutels

Geavanceerde onderwerpen over objecten:

• Array van objecten

• Een loop gebruiken om over een array van objecten te itereren

• Object.keys methode

• Object.values methode

• JSON.stringify methode

• JSON.parse methode

Functies Deel A:

• Functies definiëren

• Argumenten voor een functie definiëren

• Retourwaarden van een functie

• Meer complexe functies schrijven

Functies Deel B:

• Meerdere functies aanroepen

• Een functie aanroepen binnen een andere functie.

• Functies aan elkaar koppelen

Geneste For Loops:

• Definiëren van geneste for loops

• Juist gebruik van indexen

• Complexe voorbeelden met arrays

Een element bouwen met code:

• Het combineren van de werelden van HTML, CSS en JavaScript

• Het begrijpen van de DOM (Document Object Model)

• Een eenvoudig HTML-element maken met code

• Gebruikmaken van innerText en classList

• De appendChild-functie gebruiken

Een lijst bouwen met behulp van een loop:

• Een dynamisch ul element maken

• Dynamische li elementen maken

• Functies gebruiken voor dynamische creatie

Elementen ophalen van de pagina:

• Het begrijpen van de getElementById functie voor het ophalen

• Het begrijpen van de getElementsByClassName functie voor het ophalen

• Het begrijpen van de getElementsByTagName functie voor het ophalen

• Het begrijpen van de querySelectorAll functie voor het ophalen

• Het begrijpen van de querySelector functie voor het ophalen

• Het begrijpen van de createElement functie voor het creëren

Een dynamische tabel bouwen:

• Dynamisch een tabel element creëren

• Gebruik van arrays en functies om de tabel te bouwen

Evenementen Deel A:

• Een klikgebeurtenis aan een knop koppelen

• Gebruik maken van addEventListener

• Dynamisch inhoud invoegen in de pagina na een gebeurtenis met de gebruiker

Events Deel B:

• Gebruik van inputs en events

• Integratie van dynamische elementen

• Meer complexe voorbeelden

Callback-functies:

• Wat is een callback-functie

• Wanneer deze te gebruiken

• Hoe argumenten door te geven

• Hoe codecorrectheid te controleren

Timers:

• Begrijpen van de setTimeout functie

• Begrijpen van de setInterval functie

• Het begrijpen van de asynchrone aard in de taal

Communicatie met de server Deel A:

• Begrip van het xmlHttpRequest object

• Communicatie opzetten met een echte server om gegevens op te halen

• Dynamische elementen op de pagina bouwen

Communicatie met de server Deel B:

• Gebruik van events en communicatie

• Een complexe flow creëren voor een dynamische pagina die interageert met de server

• Asynchroon gedrag in JavaScript begrijpen

Gebruik van Promises:

• Het begrijpen van het Promise object

• Gebruik van then en catch

• Communicatie opzetten met behulp van Promises

• Een complexe flow creëren met Promises

Slotwoorden