К содержанию

JavaScript Basiscursus

Eenvoudige JavaScript basiscursus voor beginners met een werkboek en voorbeelden van probleemoplossingen.

Basis

Inleiding tot de JavaScript-taal voor beginners

JavaScript starten

Eerste programma in JavaScript

We analyseren de programmacode

Verdere voorbeelden

Een JavaScript-bestand met scripts koppelen

Meerdere JavaScript scriptbestanden

Kenmerken van de script-tag in JavaScript

Caching van JavaScript-bestanden door de browser

Strict mode in JavaScript

Commentaren in JavaScript

Variabelen in JavaScript

Gebruik van variabelen

Meerdere variabelen declareren in JavaScript

Het wijzigen van variabele waarden

Meerdere let voor dezelfde variabele

Wiskundige bewerkingen met getallen in JavaScript

Wiskundige bewerkingen met variabelen in JavaScript

Prioriteit van wiskundige bewerkingen in JavaScript

Gelijkwaardige prioriteit van wiskundige bewerkingen in JavaScript

Groeperende haakjes in JavaScript

Breuken in JavaScript

Negatieve getallen in JavaScript

Plus voor getallen in JavaScript

Rest bij deling in JavaScript

Machtsverheffing in JavaScript

Prioriteit van machtsverheffing

Strings in JavaScript

Strings samenvoegen in JavaScript

Stringlengte in JavaScript

Sjabloonteksten in JavaScript

Meerdere regels

Speciale waarden in JavaScript

Betekenis van undefined

De waarde null

True en false waarden

Betekenis van NaN

Infinity en -Infinity in JavaScript

Werken met de console in JavaScript

Datatype in de JavaScript-console

Fouten in de JavaScript-console

Constanten in JavaScript

Automatische typeconversie

Converteren naar getal in JavaScript

Afgekorte conversie naar getal in JavaScript

Conversie van ongeldige getallen in JavaScript

Getallen extraheren in JavaScript

Conversie naar string in JavaScript

Toepassing van conversie naar strings in JavaScript

Conversie van het booleaanse type in JavaScript

Conversie naar boolean type in JavaScript

Tekens van een string ophalen in JavaScript

Onveranderlijkheid van strings in JavaScript

Laatste teken van een string in JavaScript

Strings met cijfers in JavaScript

Toegang tot de cijfers van een getal in JavaScript

Bewerkingen om variabelen in JavaScript te wijzigen

Afgekorte bewerkingen in JavaScript

Increment en decrement operaties in JavaScript

Prefix en postfix type in JavaScript

Onnauwkeurige berekeningen in JavaScript

De prompt-functie in JavaScript

Het probleem met typen in de prompt-functie in JavaScript

Tekst weergeven in document in JavaScript

Fouten in code vinden

Praktijk met operaties in JavaScript

Praktijk met formules in JavaScript

Arrays

Arrays in JavaScript

Ophalen van array-elementen in JavaScript

Array lengte in JavaScript

Het wijzigen van array-elementen in JavaScript

Herschrijven van array-elementen in JavaScript

Increment en decrement van array elementen in JavaScript

Toevoegen van elementen via sleutels in JavaScript

Sparse arrays in JavaScript

Elementen toevoegen met push in JavaScript

Array-sleutels uit variabelen in JavaScript

De delete operator in arrays in JavaScript

Fouten zoeken in code met JavaScript arrays

Objecten

Objecten in JavaScript

Een heel object weergeven in JavaScript

String-sleutels van objecten in JavaScript

Eigenschappen van objecten in JavaScript

Beperkingen op object sleutels in JavaScript

Het wijzigen van objectelementen in JavaScript

Elementen toevoegen aan objecten in JavaScript

Ongeordendheid van objecten in JavaScript

Array van object sleutels in JavaScript

Lengte van een object in JavaScript

Object sleutels uit variabelen in JavaScript

Fout bij toegang tot element via sleutel in JavaScript

Fout bij toegang tot eigenschap van object in JavaScript

Berekende eigenschappen in JavaScript

De in-operator in JavaScript

De delete operator in JavaScript

Typisering van objecten in JavaScript

Arrays als objecten in JavaScript

Arrays onderscheiden van objecten in JavaScript

Objecten en primitieven in JavaScript

Overdracht van objecten door referentie in JavaScript

Constanten met arrays of objecten in JavaScript

De constante programmeerbenadering in JavaScript

Fouten zoeken in code met JavaScript-objecten

Voorwaarden

if-else constructie in JavaScript

Greater than en less than operatoren in JavaScript

Gelijkheidscontrole in JavaScript

Ongelijkheid controleren in JavaScript

Variabelen vergelijken in JavaScript

Gelijkwaardigheid van strings in JavaScript

Gelijkwaardigheid van strings en getallen in JavaScript

Gelijkheid in waarde en type in JavaScript

Ongelijkheid in waarde en type in JavaScript

Logische EN in JavaScript

Logische OF in JavaScript

Prioriteit van logische operatoren in JavaScript

Groeperen van voorwaarden in JavaScript

Inverteren van logische expressies in JavaScript

Voorwaarden met Booleaanse waarden in JavaScript

Vergelijking van waarden met het boolean type in JavaScript

Verkorte vorm van waarheidscontrole in JavaScript

Korte vorm van falsy checking in JavaScript

Algemene verkorte vorm van controle in JavaScript

Complexe voorwaarden in verkorte vorm in JavaScript

Optioneel karakter van de else constructie in JavaScript

Optionele accolades in JavaScript

Het probleem van de optionele accolades in if-else

Else if constructie in JavaScript

Geneste if-else constructies in JavaScript

De switch-case constructie in JavaScript

Optioneel karakter van break in switch-case constructie in JavaScript

Ternaire operator in JavaScript

Logische bewerkingen in JavaScript

De confirm functie in JavaScript

Bereik van variabelen in if-else in JavaScript

Nuances van variabele bereik in if-else constructies in JavaScript

Controle van kwartieren van een uur via if-else in JavaScript

Controleren van de lengte van strings en arrays in JavaScript

Controle van tekenreeksen in JavaScript

Controleren van cijfers van een getal in JavaScript

Controle van de rest bij deling in JavaScript

Fouten zoeken in code met JavaScript voorwaarden

Praktijk op if-else voorwaarden in JavaScript

Lussen

Inleiding tot loops in JavaScript

Arrays doorlopen met for-of lus in JavaScript

Herhaling van een object met for-in lus in JavaScript

De while-lus in JavaScript

For-lus in JavaScript

For-lus voor arrays in JavaScript

Voorwaarden in lussen in JavaScript

Getallen accumuleren in JavaScript-lussen

Ophoping van array-elementen in JavaScript-lussen

Strings opbouwen met loops in JavaScript

Cijfers van een nummer bij het doorlopen met een lus in JavaScript

Optionele haakjes bij loops in JavaScript

Het probleem van optionele haakjes in loops in JavaScript

De break-instructie in JavaScript

De continue-instructie in JavaScript

Geneste lussen in JavaScript

Bereik in JavaScript-lussen

Geneste lussen en bereik in JavaScript

Arrays vullen in JavaScript

Array wijzigen in een JavaScript-lus

Objecten vullen met een lus in JavaScript

Objecten aanpassen in een loop in JavaScript

Werken met vlaggen in JavaScript

Tips voor het schrijven van loopcode in JavaScript

Tips voor het debuggen van code aan de hand van voorbeelden met loops in JavaScript

Fouten zoeken in code met JavaScript-lussen

Oefening met JavaScript-lussen

Multidimensionaliteit

Multidimensionale arrays in JavaScript

Driedimensionale array in JavaScript

Willekeurige arrays in JavaScript

Herhaling van multidimensionale arrays in JavaScript

Itereren met een gewone for-lus in JavaScript

Het vullen van multidimensionale arrays in JavaScript

Problemen bij het vullen van multidimensionale arrays in JavaScript

Het vullen van multidimensionale arrays in volgorde in JavaScript

Multidimensionale objecten in JavaScript

Itereren over multidimensionale objecten in JavaScript

Multidimensionale structuren in JavaScript

Iteratie over multidimensionale structuren in JavaScript

Array van objecten in JavaScript

Sleutels uit variabelen in multidimensionale structuren JavaScript

Elementen toevoegen aan multidimensionale arrays in JavaScript

Elementen toevoegen aan multidimensionale JavaScript-objecten

Standaard methoden

Macht en wortel in JavaScript

Afrondingsfuncties in JavaScript

Extreme getallen in JavaScript

Willekeur in JavaScript

Modules in JavaScript

Hoofdlettergebruik in JavaScript

Strings uitsnijden in JavaScript

Zoeken in strings in JavaScript

Onderdelen van een string vervangen in JavaScript

Strings splitsen in JavaScript

Array-einden in JavaScript

Array-delen in JavaScript

Arrays uitknippen in JavaScript

Zoeken in arrays in JavaScript

Array van object sleutels in JavaScript

Fouten zoeken in code met standaard JavaScript-methoden

Gebruikersgedefinieerde functies

Basis van werken met aangepaste functies in JavaScript

Functieparameters in JavaScript

Meerdere functieparameters in JavaScript

Functieparameters als variabelen in JavaScript

Optionele parameters in JavaScript

De return-instructie in JavaScript

Opeenvolgende functie-aanroepen in JavaScript

Het delicate punt van return in JavaScript

Loop en return in JavaScript

Toepassing van return in loops in JavaScript

Techniek voor het werken met return in JavaScript

Vlaggen in JavaScript-functies

Logische operatoren zonder if in JavaScript-functies

Tips voor het maken van functies in JavaScript

Fouten zoeken in code met JavaScript-functies

Praktijk op JavaScript-functies

Functievariabelen

Globale variabelen in functies in JavaScript

Lokale variabelen in functies in JavaScript

Identieke variabelenamen in functies in JavaScript

Het wijzigen van globale variabelen in JavaScript

Globale variabelen en functieparameters in JavaScript

Naamsovereenkomst met parameters in JavaScript

JavaScript Object Parameters

Functietypen

Broncode van een functie en haar resultaat in JavaScript

Functie als variabele in JavaScript

Een functie toewijzen aan een andere variabele in JavaScript

Toewijzen van functies aan variabelen in JavaScript

Overeenkomst van functie- en variabelnaam in JavaScript

Function expression en Function declaration in JavaScript

Verschil functiedeclaraties

Puntkomma bij het declareren van functies in JavaScript

Nuances van functionele expressies in JavaScript

Functie met een naam, maar Function Expression in JavaScript

Genoemde functionele expressies in JavaScript

Hoe controleer je het type functie in JavaScript

Expressie links van functie in JavaScript

Function Expressions aan de rechterkant in JavaScript

Array met anonieme functies in JavaScript

Object met anonieme functies in JavaScript

Toepassing van een object met functies in JavaScript

Geneste functies

Functies doorgeven als parameters in JavaScript

Genoemde functieparameters in JavaScript

Parameters van doorgegeven functies in JavaScript

Een getal als parameter doorgeven in JavaScript

Toepassing van het doorgeven van functies als parameter in JavaScript

Geneste functies in JavaScript

Scope van geneste functies in JavaScript

Parameters van de externe functie in JavaScript

Parameters van externe en interne functies in JavaScript

Gelijknamige parameters in JavaScript

Functie die een functie retourneert in JavaScript

Elk niveau van genesting in JavaScript

Parameters van geretourneerde functies in JavaScript

Callback-functies in JavaScript

Nuances van callbacks in JavaScript

Pijlfuncties in JavaScript

Toepassing van pijlfuncties in JavaScript

Closures

Toegang tot externe variabelen van functies in JavaScript

Lexicale omgeving van functies in JavaScript

Toepassing van lexicale omgeving van functies in JavaScript

Closures in JavaScript

Teller op closures in JavaScript

Lokale tellervariabele in JavaScript

Globale tellervariabele in JavaScript

IIFE

Directe functie-aanroep in JavaScript

Toewijzen van een functie aan een variabele in JavaScript

Toepassing van directe functie-aanroep in JavaScript

Rond haakjes in IIFE in JavaScript

Functieparameters bij directe aanroep in JavaScript

Meerdere IIFE-aanroepen in JavaScript

Valkuilen van IIFE in JavaScript

Puntkomma voor veiligheid in IIFE

Closures en directe functie-aanroep in JavaScript

Recursie

Werken met recursie in JavaScript

Voorbeeld met parameter via recursie in JavaScript

Som van array-elementen bij recursie in JavaScript

Recursie en multidimensionale structuren in JavaScript

Som van array-elementen via recursie in JavaScript

Manipulaties met elementen in JavaScript

Iteratiemethoden

De map methode voor het doorlopen van arrays in JavaScript

De forEach-methode voor het doorlopen van arrays in JavaScript

De filter methode voor het filteren van arrays in JavaScript

De every methode voor het controleren van een array in JavaScript

De some-methode voor het controleren van een array in JavaScript

Zoeken in een array via callback in JavaScript

Array-reductie in JavaScript

Spread operator

Spread operator in JavaScript

Gebruik van spread in JavaScript

Extreme waarden van een array via spread in JavaScript

Spread operator en het samenvoegen van arrays

Spread operator voor strings in JavaScript

Spread operator en getallen in JavaScript

Rest operator

De rest operator in JavaScript

Functie die de som van getallen vindt met behulp van rest en spread operators in JavaScript

Functie die arrays samenvoegt tot tweedimensionaal in JavaScript

Functie die arrays samenvoegt tot één in JavaScript

Destructurering

Destructurering van arrays in JavaScript

Destructurering van array uit functie in JavaScript

Elementen van een array overslaan bij destructuring in JavaScript

Overbodige waarden bij destructuring van arrays in JavaScript

Rest van de array bij destructuring in JavaScript

Standaardwaarden bij destructuring van arrays in JavaScript

Standaardfuncties bij destructuring van arrays in JavaScript

Variabelen declareren bij destructuring van arrays in JavaScript

Destructurering van objecten in JavaScript

Variabelnamen bij destructuring van objecten in JavaScript

Standaardwaarden bij destructuring van objecten in JavaScript

Variabelen en standaardwaarden in JavaScript

Variabelen declareren bij destructuring van objecten in JavaScript

Destructurering van functieparameters in JavaScript

Destructurering van objectparameters van functies in JavaScript

Tijd

Werken met het Date object in JavaScript

Datumformattering in JavaScript

Datumformaat wijzigen in JavaScript

De dag van de week verkrijgen in JavaScript

Datumonderdelen in woorden weergeven in JavaScript

Tijd instellen in een Date object in JavaScript

Tijd verkrijgen in timestamp formaat in JavaScript

Verschil tussen datums in timestamp-formaat in JavaScript

Verschil tussen datumobjecten in JavaScript

Automatische correctie van datums in JavaScript

De laatste dag van de maand vinden in JavaScript

Bepalen van een schrikkeljaar in JavaScript

Datumvalidatie in JavaScript

De dag van het huidige jaar verkrijgen in JavaScript

Dag van de volgende of vorige maand

Dag van volgend of vorig jaar

Verschil tussen momenten

Tijdstip van de dag

Begin van de dag in JavaScript

Einde van de dag in JavaScript

Cyclische controle van tijdstippen in JavaScript

Praktijk op het verkrijgen van tijdstippen in JavaScript

Datumvergelijking met strings in JavaScript

Datumvergelijking zonder jaar in JavaScript

Datum binnen interval

Objecten met datums vergelijken in JavaScript

Inleiding tot DOM

Basis van werken met DOM in JavaScript

DOM elementen in JavaScript

DOM-elementen verkrijgen in JavaScript

Complexe DOM element selectoren in JavaScript

Gebeurtenisafhandelaars koppelen aan elementen in JavaScript

Genoemde gebeurtenisafhandelaars in JavaScript

Eén event handler voor meerdere elementen in JavaScript

Meerdere handlers voor één gebeurtenis in JavaScript

Handlers voor verschillende gebeurtenissen in JavaScript

Werken met tekst van elementen in JavaScript

Werken met HTML code van elementen in JavaScript

Tag-attributen als eigenschappen in JavaScript

Werken met tekstvelden in JavaScript

Tekstveld focus in JavaScript

Uitzonderingen bij het werken met attributen in JavaScript

Method- en eigenschapketens in JavaScript

Voor- en nadelen van kettingen in JavaScript

Het object this in JavaScript

Het voordeel van this in JavaScript

Een groep elementen verkrijgen in JavaScript

Toevoegen van event handlers in een lus in JavaScript

Toevoegen van anonieme event handlers in een lus in JavaScript

Gebeurtenissen loskoppelen in JavaScript

Ontkoppelen van event handlers in een lus in JavaScript

Het ontkoppelen van anonieme functies in JavaScript

Tips voor het schrijven van code aan de hand van DOM in JavaScript

Fouten zoeken in DOM-code met JavaScript

Verwerking van de bestudeerde stof over werken met de DOM

Attributen

Attributen ophalen in JavaScript

Attributen instellen in JavaScript

Attributen verwijderen in JavaScript

Controleren van attributen in JavaScript

Aangepaste attributen in JavaScript

Attribuutnamen met streepjes in JavaScript

Toegang tot attributen via methoden in JavaScript

Manipulatie van CSS-klassenarrays in JavaScript

CSS-klassen toevoegen in JavaScript

CSS-klassen verwijderen in JavaScript

Controleren van CSS-classes in JavaScript

Afwisseling van CSS-classes in JavaScript

Styling

Stijlen van elementen via het style attribuat in JavaScript

Stiliseren van eigenschappen met een koppelteken in JavaScript

Uitzondering bij het stylen van elementen in JavaScript

Styling met CSS klassen in JavaScript

Voordeel van stijlen met CSS classes in JavaScript

Toepassen van stijlen in JavaScript

Zoeken

Het vinden van afstammelingelementen in JavaScript

Ouders van elementen vinden in JavaScript

Zoeken naar alle ouder elementen in JavaScript

Het zoeken van buurelementen in JavaScript

Element zoeken op id in JavaScript

Element zoeken op tagnaam in JavaScript

Element zoeken op klassenaam in JavaScript

Elementen zoeken binnen een ander element in JavaScript

Knooppunten

Werken met nodes in JavaScript

Het doorlopen van nodes met een loop in JavaScript

Naamgeving van nodes in JavaScript

Knooppunttypen in JavaScript

Tekst nodes in JavaScript

Formulieren

Werken met textarea in JavaScript

Het disabled attribuut in JavaScript

Werken met checkboxen in JavaScript

Het wisselen van attributen zonder waarden

Werken met radioknoppen in JavaScript

Change Event in JavaScript

Input-gebeurtenis in JavaScript

Focus en blur methoden in JavaScript

Fouten zoeken in code met formulieren in JavaScript

Dropdownlijsten

Werken met dropdown-lijsten in JavaScript

Het value attribuut in dropdown-lijsten in JavaScript

Het wijzigen van het geselecteerde lijstitem in JavaScript

Het nummer van het geselecteerde item in een dropdownlijst

Ophalen van dropdownlijstitems in JavaScript

Array van dropdownlijstitems in JavaScript

Werken met dropdownlijstitems in JavaScript

Een lijstitem selecteren in JavaScript

Het verkrijgen van de geselecteerde optie in JavaScript

Event Object

Basiswerk met het Event object in JavaScript

Gebeurteniscoördinaten in JavaScript

Gebeurtenistype in het Event object in JavaScript

Gebeurteniselement in het Event object in JavaScript

Toetsaanslagen verkrijgen in JavaScript

Het volgen van modifier-toetsen in JavaScript

Standaardactie annuleren in JavaScript

Event Bubbling in JavaScript

Het verkrijgen van het doelelement bij het bubbelen van gebeurtenissen

Het stoppen van event bubbling in JavaScript

Meerdere event handlers op een element in JavaScript

Onmiddellijk stoppen van bubbling in JavaScript

Toepassing van het stoppen van event bubbling in JavaScript

Event capturing in JavaScript

Event listeners toevoegen aan nieuwe elementen in JavaScript

Gebeurtenisdelegatie in JavaScript

Universele event delegatie in JavaScript

Context

Basiswerk met context in JavaScript

Context van een ongebonden functie in JavaScript

Verlies van context in JavaScript

Oplossing voor het contextprobleem in JavaScript

Context via een variabele in JavaScript

Context via parameter in JavaScript

Context via pijlfunctie in JavaScript

Context binding via de call methode in JavaScript

De call methode met parameters in JavaScript

Context binding via de apply methode in JavaScript

Context binding via de bind methode in JavaScript

Timers

Basiswerk met de functie setInterval in JavaScript

Teller via setInterval functie in JavaScript

JavaScript timer stoppen

Knop om een timer te starten in JavaScript

Meervoudige klik op knop om timer te starten in JavaScript

Knoppen om een timer te starten en te stoppen in JavaScript

Praktijk met timers en DOM-manipulatie in JavaScript

Timers en contextverlies in JavaScript

Praktijk met timers en DOM-manipulatie in JavaScript

Vertraging voor uitvoering in JavaScript

Timer starten in JavaScript

Elementen manipuleren

Het maken en invoegen van elementen in JavaScript

Gebeurtenissen binden bij het invoegen van elementen

Elementen maken in een lus in JavaScript

Event listeners toevoegen in een lus in JavaScript

Elementen verwijderen in JavaScript

Elementen invoegen aan het begin of einde in JavaScript

Elementen voor andere elementen invoegen in JavaScript

Aangrenzende invoeging van elementen in JavaScript

Aangrenzende tag-invoeging in JavaScript

Het klonen van elementen in JavaScript

Controleren van elementen in JavaScript

Praktijk

Elementen maken uit een array in JavaScript

Praktijk in het maken van ul-lijsten in JavaScript

HTML-tabellen maken in JavaScript

Opeenvolgende vulling van HTML-tabellen

Een HTML-tabel maken van een array in JavaScript

Het maken van een HTML-tabel uit een array van objecten

Rijen en kolommen toevoegen aan een HTML-tabel

HTML-tabelcellen wijzigen met JavaScript

Zelfverwijdering van nieuwe elementen in JavaScript

Verwijderlink voor element in JavaScript

Het maken van verwijderlinks voor elementen in JavaScript

Bewerken van een afzonderlijk element in JavaScript

Tekst verbergen bij het bewerken van een element in JavaScript

Bewerking in een groep elementen in JavaScript

Gelijktijdig bewerken en verwijderen van elementen

Stijlen van elementen in JavaScript

Knoppen om een element te verbergen en tonen met JavaScript

Meerdere elementen met knoppen om te tonen in JavaScript

Activering van elementen in JavaScript

Afwisseling van activeringsstijlen in JavaScript

Praktijk op het wijzigen van elementen in JavaScript

Functies en DOM

Functies voor het werken met DOM elementen in JavaScript

Functies voor het werken met een groep DOM-elementen

Doorgeven van een callback voor DOM-manipulatie in JavaScript

Doorgeven van het serienummer aan de callback in JavaScript

DOM-element doorgeven als functieparameter

Een groep DOM-elementen doorgeven als functieparameters

Functie voor het maken van HTML-tabellen in JavaScript

Teruggave van tabel uit functie in JavaScript

Functie voor het maken van een tabel uit een array

Modules via closures

Variabele conflicten in JavaScript

Modules via sluitingen in JavaScript

Praktische toepassing

Parameters doorgeven aan module via closures in JavaScript

Het doorgeven van een ouder element aan een module via closures in JavaScript

Overdracht van module-instellingen via sluitingen in JavaScript

Standaardparameters

Export van variabelen en functies in modules via closures in JavaScript

Export van object in modules via closures in JavaScript

Bibliotheken via sluitingen in JavaScript