К содержанию

JavaScript Hooglerarenboek

Gevorderde JavaScript-zelfstudie van Trepachyov Dmitry. Voor beginners. In het Nederlands. Met opdrachten.

Styling

Styling via het style attribuut in JavaScript

Meeteenheden in het style attribuat in JavaScript

Fouten met meeteenheden in JavaScript

Uitpakken van CSS eigenschapswaarden in JavaScript

Stijlen resetten via style in JavaScript

Stijlen massaal instellen in JavaScript

Problemen met het lezen van stijlen in JavaScript

Het lezen van eigenschappen uit CSS-bestanden in JavaScript

Omzetting van gelezen waarden in JavaScript

Styling met classes in JavaScript

Eén klasse voor stilisering in JavaScript

Ongemak van classes in JavaScript

Stijlen afwisselen via data- attribuut in JavaScript

Elementmetrieken

Uitbreiding van elementen in CSS voor JavaScript

Testelement in JavaScript

Client size van een element in JavaScript

Volledige grootte van een element in JavaScript

Elementafmetingen met scroll in JavaScript

Elementen scrollen in JavaScript

Het wijzigen van element scroll in JavaScript

Een element naar het einde scrollen in JavaScript

Uitklappen van een element in JavaScript

Scrollbalkbreedte in JavaScript

Venstermetrieken

Vensterafmetingen in JavaScript

Vensterafmetingen inclusief scrollen in JavaScript

Het verkrijgen van vensterscrollpositie in JavaScript

Het verkrijgen en wijzigen van vensterscroll in JavaScript

Methode om het venster naar een positie te scrollen in JavaScript

Methode om venster te scrollen met een hoeveelheid in JavaScript

Methode om het venster naar een element te scrollen in JavaScript

Scrollgebeurtenis in JavaScript

Map Collecties

Map Collecties in JavaScript

Handige mogelijkheden van Map-collecties

Itereren over Map-collecties met een lus

Sleutels en waarden in Map-collecties

Toepassing van Map collecties

Set Collecties

Set Collecties in JavaScript

Initiële vulling van een Set collectie in JavaScript

Handige mogelijkheden van Set-collecties

Set-collecties doorlopen met een for-of lus

Omzetten van Set-collecties

Dubbele waarden verwijderen uit een array met Set

DOM-elementen verkrijgen zonder duplicaten

Pseudo-arrays

Pseudo-arrays in JavaScript

Overeenkomsten met arrays in JavaScript

Verschillen met arrays in JavaScript

Controleren op array in JavaScript

Converteren naar array in JavaScript

Typen pseudo-arrays in JavaScript

Verschil tussen typen pseudo-arrays in JavaScript

Symbolen

Inleiding tot het Symbol type in JavaScript

Beschrijvingen van symbolen in JavaScript

Symbolen als object sleutels in JavaScript

Herhalen van object met symbolen in JavaScript

Functie in object in JavaScript

Bewerkingen met objecten in functies in JavaScript

Globale symbolen in JavaScript

De naam van een symbool ophalen in JavaScript

Welbekende symbolen in JavaScript

Iterators

Iterabele objecten in JavaScript

Iteratorfunctie in JavaScript

Iterator-aanroepen in JavaScript

Generatoren in JavaScript

Lussen in generatoren in JavaScript

Eenmalig werk van iterators in JavaScript

Objectiterator in JavaScript

Een iterabel object maken in JavaScript

Generator via berekende eigenschap in JavaScript

Ingebouwde iterator values in JavaScript

Ingebouwde iterator keys in JavaScript

Ingebouwde iterator entries in JavaScript

Drie ingebouwde iterators in JavaScript

Spread operator en iterators in JavaScript

Ingebouwde stringiterators in JavaScript

Array van cijfers van een getal in JavaScript

Nummering van DOM-elementen in JavaScript

Het ophalen van DOM element gegevens in JavaScript

JSON-formaat

Inleiding tot JSON-formaat in JavaScript

JSON omzetten naar JavaScript gegevensstructuur

Omzetten van JavaScript datastructuren naar JSON-formaat

Gegevens wijzigen in JSON met JavaScript

Opslag

Lokale opslag van de browser in JavaScript

Opslag in de debugger in JavaScript

Werken met gegevens in localStorage in JavaScript

Eenmalig opslaan in localStorage in JavaScript

Gegevens overschrijven in localStorage in JavaScript

Gegevens verwijderen in localStorage in JavaScript

Opschonen van opslag in localStorage in JavaScript

Aantal items in localStorage in JavaScript

Een sleutel ophalen op nummer in localStorage in JavaScript

Doorloop opslag per index in JavaScript

Arrays van sleutels en waarden in opslag in JavaScript

Opslaan van structuren in localStorage in JavaScript

Modificatie van opgeslagen structuren in localStorage in JavaScript

Praktijk met localStorage in JavaScript

Reguliere expressies

Introductie tot reguliere expressies in JavaScript

Tekens Herhalingsoperatoren in RegEx

Groeperende haakjes in JavaScript regex

Escapen van speciale tekens in JavaScript reguliere expressies

Krulhaken in reguliere expressies van JavaScript

Beperking van gulzigheid in regex in JavaScript

Tekengroepen in reguliere expressies JavaScript

Tekensets in reguliere expressies JavaScript

Inverteren van karaktersets in regex

Kenmerken van Cyrillisch in JavaScript reguliere expressies

Speciale tekens binnen vierkante haken in JavaScript

Groepen karakters binnen sets in JavaScript reguliere expressies

Uitzonderingen binnen sets in JavaScript reguliere expressies

Het caret-symbool binnen sets in JavaScript regex

Koppelteken binnen sets in JavaScript reguliere expressies

Hoofdletterongevoeligheid in JavaScript reguliere expressies

Begin en einde van een regel in JavaScript regex

Woordgrenzen in JavaScript reguliere expressies

Multiregelmatigheid in JavaScript regex

De 'of'-opdracht in reguliere expressies JavaScript

Variabele met reguliere expressie in JavaScript

De test methode in JavaScript reguliere expressies

De search methode in JavaScript reguliere expressies

De split methode in JavaScript reguliere expressies

De match methode in JavaScript reguliere expressies

Zakken in de match methode in JavaScript reguliere expressies

Globale match in JavaScript reguliere expressies

Globale matchAll in JavaScript reguliere expressies

De exec-methode in JavaScript reguliere expressies

De eigenschap lastIndex in JavaScript reguliere expressies

Zakken in de replace methode in JavaScript regex

Callback in de replace methode in JavaScript regex

Standaard groepen in de replace-methode van JavaScript regular expressions

Groepen in de reguliere expressie zelf in JavaScript

Genoemde groepen in JavaScript reguliere expressies

Genoemde groepen binnen reguliere expressies in JavaScript

Niet-vangende haakjes in JavaScript regex

Positieve en negatieve lookahead in JavaScript reguliere expressies

String met reguliere expressie in JavaScript

Vlaggen voor regex strings in JavaScript

Backslash in regex strings in JavaScript

Uitzonderingssituaties

Inleiding tot uitzonderingen in JavaScript

Soorten voorkomende situaties in JavaScript

Opvangen van uitzonderingen in JavaScript

Ontwikkeling met try-catch in JavaScript

Opvangen van uitzonderingen in geneste code in JavaScript

Foutobject in JavaScript

Belangrijkste soorten uitzonderingen in JavaScript

Toepassing van uitzonderingstypen in JavaScript

Exceptions gooien in JavaScript

Het gooien van verschillende soorten uitzonderingen in JavaScript

Eigen uitzonderingstypen throwen in JavaScript

Voorbeeld van uitzonderingen met data-attributen in JavaScript

Voorbeeld van uitzondering met JSON in JavaScript

Exception doorgooien in JavaScript

Asynchroon programmeren

Synchrone en asynchrone code in JavaScript

Asynchroon model van gebeurtenissen in JavaScript

Asynchrone afbeeldingen laden in JavaScript

Uitzonderingen in asynchrone code in JavaScript

Asynchrone callbacks

Asynchrone code met callbacks in JavaScript

Asynchrone overdracht van resultaat naar callback in JavaScript

Parameters doorgeven aan een asynchrone callback in JavaScript

Uitzonderingen in asynchrone callbacks in JavaScript

Afbeeldingen laden via asynchrone callbacks in JavaScript

Het probleem van callback hell in JavaScript

Asynchroon laden van afbeeldingen in een lus in JavaScript

Promises

Inleiding tot promises in JavaScript

Uitzonderlijke situaties in promises in JavaScript

Object met fout in promise in JavaScript

Afzonderlijke opvang van uitzonderingen in promises in JavaScript

Promise staten in JavaScript

Promise kettingen in JavaScript

Promises binnen een keten in JavaScript

Uitzonderingen in promise ketens in JavaScript

Werken met arrays van promises in JavaScript

Het creëren van vervulde promises in JavaScript

Promisificatie van asynchrone code in JavaScript

Het probleem van promise hell in JavaScript

Promises in synchrone stijl in JavaScript

Uitzonderingen in synchrone stijl in JavaScript

Bibliotheken

Bibliotheken in JavaScript

Gebruik van bibliotheken in JavaScript

Bibliotheken via CDN in JavaScript

Ongemakken van bibliotheken in JavaScript

Gereedschappen

Semantische versiebeheer in JavaScript

Basiswerk met de terminal in JavaScript

Introductie tot de NodeJS tool

Introductie tot npm in JavaScript

Bibliotheken installeren via npm in JavaScript

Korte vorm van installatie via npm in JavaScript

Afhankelijkheden in het package.json bestand in JavaScript

Dev dependencies in npm in JavaScript

Versieformaten van dependencies in npm in JavaScript

Instellingen van het package.json bestand in JavaScript

Het aanmaken van een package.json bestand in JavaScript

Het overzetten van een npm project in JavaScript

Het package-lock.json bestand in npm in JavaScript

Pakketten bijwerken via npm in JavaScript

Pakketten verwijderen via npm in JavaScript

Globale installatie via npm in JavaScript

Globaal verwijderen van pakketten via npm in JavaScript

npx tool in JavaScript

Scripts uitvoeren via npm in JavaScript

Yarn Package Manager in JavaScript

ES Modules

Inleiding tot moderne modules in JavaScript

ES-modules inschakelen in JavaScript

Installatie van de Webpack-bundler in JavaScript

Werking van de Webpack bundler in JavaScript

Configuratie van de Webpack-bundelaar in JavaScript

Configuratie van de Webpack build in JavaScript

Testbuild met Webpack in JavaScript

Het aansluiten van de bundel op de markup in JavaScript

Een ES-module maken in JavaScript

ES-module aansluiten in JavaScript

Hernoemen bij importeren in JavaScript

Alle inhoud van een module importeren in JavaScript

Standaard export in JavaScript

Combinatie van exports in JavaScript

Alles importeren bij combinatie van exports in JavaScript

Waarden exporteren uit ES modules in JavaScript

Waarden als constanten in ES modules in JavaScript

Import van npm modules in JavaScript

Dynamisch importeren van ES modules in JavaScript

Dynamische meervoudige import in JavaScript

CommonJS-modules converteren naar ES in JavaScript

HTTP-protocol

HTTP-protocol in JavaScript

Werken met URLSearchParams in JavaScript

Werken met URL in JavaScript

Testserver

Testserver in JavaScript

Gebruik van een testserver in JavaScript

Uitvoeren van code via een testserver in JavaScript

HTML-generatie via een testserver in JavaScript

Antwoordheaders in de testserver op JavaScript

Configuratie van de testserverpoort in JavaScript

Meerdere testservers draaien in JavaScript

Formulieren

Formulierverzending in JavaScript

Methoden voor het verzenden van formulieren in JavaScript

Formulierverzending met GET-methode in JavaScript

Formulier verzending via POST in JavaScript

GET-verzoeken in JavaScript

Toepassing van GET-verzoeken in JavaScript

Formulierknoppen in JavaScript

Formulier verzenden via JavaScript

Formulierverzending blokkeren in JavaScript

Werken met FormData in JavaScript

FormData-methoden in JavaScript

Iteratoren in FormData in JavaScript

AJAX

Introductie tot AJAX

Basiswerk met fetch in AJAX

HTTP-antwoordcode in AJAX-verzoek in JavaScript

Succes van een AJAX-verzoek in JavaScript

Uitzonderlijke situaties bij AJAX-verzoeken in JavaScript

Volledige interceptie van AJAX-fouten in JavaScript

HTTP-antwoordheaders in AJAX in JavaScript

JSON ophalen via AJAX in JavaScript

HTTP-verzoekheaders via AJAX in JavaScript

GET-verzoeken verzenden via AJAX in JavaScript

POST-verzoeken verzenden via AJAX in JavaScript

Gegevens verzenden via AJAX met URLSearchParams in JavaScript

Versturen van gegevens via AJAX met FormData in JavaScript

Formulier verzenden via AJAX met FormData JavaScript

JSON naar de server sturen met AJAX in JavaScript

CORS-beleid in AJAX-verzoeken in JavaScript

Het doorgeven van cookies in AJAX-verzoeken in JavaScript

Synchrone fetch-stijl in JavaScript

Werken met canvas

Aan de slag met canvas in JavaScript

Lijnen tekenen via canvas in JavaScript

Rechthoeken tekenen via canvas op JavaScript

Cirkels tekenen via canvas in JavaScript

Lijnkleur veranderen in canvas met JavaScript

Lijndikte wijzigen in canvas op JavaScript

Lussen in canvas op JavaScript

Code-optimalisatie

Factoren die de laadsnelheid van een website in JavaScript beïnvloeden

Beschikbare bronnen in JavaScript

Optimalisatie van herhalende operaties in JavaScript

Optimalisatie van het herhalen van zware operaties in JavaScript

Optimalisatie van cyclische operaties in JavaScript

Optimalisatie van overbodige lusiteraties in JavaScript

Optimalisatie via ingebouwde functies in JavaScript

Keuze van het optimale algoritme in JavaScript

Optimalisatie van het gebruik van reguliere expressies in JavaScript

Optimalisatie van DOM-manipulatie in JavaScript

Optimalisatie van geheugengebruik in JavaScript

Optimalisatie van conversie naar array in JavaScript

Optimalisatie van gebeurtenisafhandelaars in JavaScript

Optimalisatie van snelheid ten koste van geheugen in JavaScript

Gegevens

Immutabiliteit van gegevens in JavaScript

Kopieën van arrays in JavaScript

Objectkopieën in JavaScript

Immuutbaar toevoegen van elementen aan een array in JavaScript

Immuabele verwijdering van elementen uit een array in JavaScript

Immuutbare aanpassing van array-elementen in JavaScript

Array van objecten met id in JavaScript

Het genereren van een willekeurige id in JavaScript

Toevoegen van een element met id in JavaScript

Element verwijderen op id in JavaScript

Een element wijzigen op id in JavaScript

Eén eigenschap wijzigen op id in JavaScript

Een element op id ophalen in JavaScript