Direct naar de hoofdinhoud
eLearner.app

Interactieve cursus

JavaScript-cursus

Leer JavaScript helemaal opnieuw, in het Engels, met een engine die uw code rechtstreeks in de browser uitvoert.

01 · Basisbeginselen van taal

4 lessen

De basis: variabelen declareren, typen herkennen, rekenen en beslissingen nemen.

  1. 1.1Variabelen: let en constWaarden verklaren, kiezen tussen const en let, de basisreikwijdte begrijpen.~8 min
  2. 1.2Primitieve typenstring, getal, boolean, null, ongedefinieerd: de bouwstenen van de taal.~8 min
  3. 1.3ExploitantenRekenen, vergelijken, booleaanse logica en operatorprioriteit.~10 min
  4. 1.4Voorwaardelijke waarden: if, else, ternairVoer verschillende code uit, afhankelijk van de waarde van een expressie.~10 min

02 · Tekenreeksen en cijfers

4 lessen

De twee meest gebruikte typen: tekst samenstellen met letterlijke templates, deze manipuleren met stringmethoden, rekenen met getallen en wiskunde.

  1. 2.1Tekenreeksen en sjabloonletterlijke waardenAanhalingstekens, escapes, backticks en `${...}` interpolatie om tekst samen te stellen.~8 min
  2. 2.2String-methodenlengte, toUpperCase, omvat, segmenteren, splitsen, vervangen: de methoden die u elke dag gebruikt.~10 min
  3. 2.3Cijfers en wiskundeGehele getallen en decimalen, afronding, Math.min/max/round/floor/ceil, Math.random.~10 min
  4. 2.4Type conversiesGetal, String, parseInt, parseFloat, toFixed en wanneer NaN je bijt.~8 min

03 · Arrays en objecten

4 lessen

De twee datastructuren die u het meest zult gebruiken: geordende lijsten (arrays) en sleutelwaardekaarten (objecten).

  1. 3.1Arrays: de geordende lijstEen array maken, lezen/schrijven via index, push/pop/shift/unshift, lengte.~10 min
  2. 3.2Objecten: de sleutelwaardekaartLetterlijke waarden, toegang tot punten en haakjes, eigenschappen toevoegen/verwijderen.~10 min
  3. 3.3Destructureren en verspreidenExtraheer meerdere waarden op één regel; kopieer en voeg arrays en objecten samen met `...`.~12 min
  4. 3.4Itereren over collectiesvoor...van op arrays, voor...in op objecten, Object.keys/values/entry's.~10 min

04 · Functies

4 lessen

Verdeel uw programma's in herbruikbare stukken: declareer ze, schrijf ze compact met pijlen, geef flexibele parameters door en begrijp afsluitingen.

  1. 4.1Een functie declarerenfunctiedeclaratie versus functie-expressie, parameters, return.~10 min
  2. 4.2Pijl-functieCompacte `=>`-syntaxis, beknopte hoofdtekst versus blok, impliciete return.~10 min
  3. 4.3Standaard- en rustparametersStandaardwaarden, `...rest` voor het aantal variabele argumenten, verspreid op de call-site.~12 min
  4. 4.4Sluitingen en reikwijdteFuncties die hun omgeving onthouden: tellers, fabrieken, scopeketen.~12 min

05 · Controlestroom

4 lessen

Herhalen, springen, omgaan met fouten: de constructies die uw code de mogelijkheid geven om op gegevens en problemen te reageren.

  1. 5.1Lussen: voor en terwijlklassiek voor, terwijl, doen...terwijl: herhaal tot een voorwaarde.~10 min
  2. 5.2voor...van en voor...inHerhaal waarden van een verzameling versus sleutels van een object. Wanneer gebruik je welke.~10 min
  3. 5.3breken en doorgaanVerlaat een lus vroegtijdig of spring naar de volgende iteratie.~10 min
  4. 5.4proberen/vangen/gooienBreng fouten aan het licht en vang ze op, scheid de normale stroom van de uitzonderlijke stroom.~12 min

06 · Functionele arraymethoden

4 lessen

De methoden die arrays transformeren: toewijzen om elk element te wijzigen, filteren om te selecteren, reduceren tot aggregeren, vinden/sommige/elke om te zoeken, sorteren op volgorde.

  1. 6.1in kaart brengen en filterenTransformeer elk element (kaart) en selecteer een subset (filter).~10 min
  2. 6.2verminderenVoeg een array samen tot één enkele waarde: sommen, tellingen, kaarten.~12 min
  3. 6.3vind, sommige, elkeZoek de eerste, controleer of minstens één of allemaal aan een predikaat voldoen.~10 min
  4. 6.4sorterenSorteer een array met een comparator; stabiele sortering, kopiëren via toSorted.~12 min

07 · Asynchroon

4 lessen

Code die wacht: beloften, async/await, gesimuleerde netwerkoproepen (fetch) en asynchrone foutafhandeling.

  1. 7.1Beloften: wat ze zijnstatus in behandeling/vervuld/afgewezen, .then/.catch, Promise.resolve en weigeren.~12 min
  2. 7.2asynchroon / wachtenSchrijf asynchrone code die leest als synchrone code.~12 min
  3. 7.3ophalen (gesimuleerd)Roep een eindpunt aan, lees JSON, stel resultaten samen met Promise.all.~14 min
  4. 7.4Fouten in asynchrone codeproberen/vangen, wachten, .catch op Promises, fouten in Promise.all.~12 min

08 · Oefening en compositie

4 lessen

Zet alle stukjes bij elkaar: organiseer code in modules, parseer een CSV, valideer invoergegevens en plan taken met Promises.

  1. 8.1ESM-modules: import / exportSplits code in bestanden en stel bibliotheken samen met export en import (concept).~12 min
  2. 8.2Uitdaging: CSV-parserVerander een CSV-tekenreeks in een reeks objecten met behulp van splitsen, in kaart brengen en destructureren.~15 min
  3. 8.3Uitdaging: datavalidatorValideer objecten met samenstelbare regels en verzamel alle fouten.~15 min
  4. 8.4Uitdaging: plannen met PromisesVoer taken in serie, parallel en met een gelijktijdigheidslimiet uit.~15 min