Cursus JavaScript programmeren: DOM, events, asynchrone code en modules

Wat je leert in 9 lessen

1. 1

   Variabelen en gegevenstypen in JavaScript

   Begin hier

   Schrijf JavaScript met variabelen, gegevenstypen, operatoren en voorwaarden, en voer je code uit en spoor fouten op in de console van de browser.

   6 leerdoelen

   Wat je leert

   1. 1.Voer JavaScript uit op een webpagina
   2. 2.Sla waarden op in variabelen met let en const
   3. 3.Werk met getallen, strings en booleaanse waarden
   4. 4.Converteer gegevenstypen en voorspel impliciete typeconversie
   5. 5.Neem beslissingen met vergelijkingen en voorwaarden
   6. 6.Spoor fouten op en verhelp ze met de console en de debugger
2. 2

   Lussen en arrays in JavaScript

   Herhaal werk met lussen en verwerk gegevenslijsten met arraymethoden zoals map, filter, find en reduce.

   5 leerdoelen

   Wat je leert

   1. 1.Herhaal code met lussen
   2. 2.Sla gegevenslijsten op in arrays en wijzig ze
   3. 3.Doorloop arrays met lussen
   4. 4.Verwerk arrays met methoden die callbacks gebruiken
   5. 5.Sorteer, kopieer en combineer arrays
3. 3

   JavaScript-functies

   Schrijf functiedeclaraties en pijlfuncties, leg bereik en closures uit en geef functies door als callbacks.

   5 leerdoelen

   Wat je leert

   1. 1.Definieer functies in drie vormen en roep ze aan
   2. 2.Geef waarden door aan functies en ontvang resultaten
   3. 3.Leg uit waar je een variabele kunt gebruiken
   4. 4.Gebruik closures om functies een eigen geheugen te geven
   5. 5.Geef functies door aan andere functies
4. 4

   JavaScript-objecten en JSON

   Modelleer gegevens met objecten, gebruik destructurering en spreadsyntaxis, leg het sleutelwoord this uit en converteer gegevens naar JSON en terug.

   5 leerdoelen

   Wat je leert

   1. 1.Modelleer gegevens met objecten
   2. 2.Geef objecten gedrag met methoden en this
   3. 3.Pak gegevens uit en combineer ze met destructurering, spreadsyntaxis en restsyntaxis
   4. 4.Sla verzamelingen op met Map en Set
   5. 5.Converteer gegevens naar JSON en terug
5. 5

   Document Object Model

   Selecteer, wijzig, maak en verwijder elementen op een pagina met de DOM-API, zodat de pagina wordt bijgewerkt zonder opnieuw te laden.

   6 leerdoelen

   Wat je leert

   1. 1.Begrijp hoe een webpagina een DOM-boom wordt
   2. 2.Selecteer de elementen waarmee je wilt werken
   3. 3.Wijzig de tekst en attributen van elementen
   4. 4.Wijzig het uiterlijk van elementen
   5. 5.Maak elementen, voeg ze in en verwijder ze
   6. 6.Render lijsten en tabellen op basis van gegevens
6. 6

   JavaScript-events

   Reageer met eventlisteners op klikken, toetsaanslagen en formulierinvoer, en valideer formulieren vóór verzending.

   5 leerdoelen

   Wat je leert

   1. 1.Reageer op events met eventlisteners
   2. 2.Volg hoe events zich door de pagina verplaatsen
   3. 3.Verwerk toetsenbord- en aanwijzerinvoer
   4. 4.Verwerk formulieren en valideer invoer vóór verzending
   5. 5.Bouw eigen bedieningselementen die iedereen kan gebruiken
7. 7

   Asynchrone JavaScript

   Leg de eventloop uit en schrijf asynchrone code met callbacks, promises en asynchrone functies, inclusief foutafhandeling.

   6 leerdoelen

   Wat je leert

   1. 1.Leg uit hoe JavaScript asynchrone code uitvoert
   2. 2.Schrijf en beheer code met callbacks
   3. 3.Maak en gebruik promises
   4. 4.Schrijf asynchrone code met async en await
   5. 5.Handel fouten in asynchrone code af
   6. 6.Voer asynchrone taken parallel uit
8. 8

   Gegevens ophalen en browser-API's

   Laad en verstuur gegevens met fetch en JSON-web-API's, toon de resultaten op een pagina en sla kleine hoeveelheden gegevens op in de browser.

   5 leerdoelen

   Wat je leert

   1. 1.Vraag gegevens op en verstuur ze met fetch
   2. 2.Toon API-gegevens op een pagina
   3. 3.Werk veilig met API's van andere oorsprongen
   4. 4.Sla gegevens op in de browser
   5. 5.Gebruik apparaatfuncties via browser-API's
9. 9

   Klassen en modules in JavaScript

   Deel code in met ES-modules en klassen, installeer pakketten met npm en gebruik ontwikkelaarstools zoals linters, bundlers en testrunners.

   5 leerdoelen

   Wat je leert

   1. 1.Modelleer objecten met klassen en prototypes
   2. 2.Deel code in ES-modules in
   3. 3.Beheer een project en de bijbehorende pakketten met npm
   4. 4.Controleer en test code en maak een build met ontwikkelaarstools
   5. 5.Plaats TypeScript en frameworks binnen de JavaScript-gereedschapsketen