Na de inleiding rond de syntax, bekijken we de creatie van dynamische webpaginas, gebruik makend van het Document Object Model (DOM). We bespreken het gebruik van events voor het afhandelen van webformulieren en validatie.

Naast het "klassieke" JavaScript behandelen we ook onderwerpen die nodig zijn om grotere, gestructureerde JavaScript-applicaties te maken. Dit omvat het gebruik van classes, modules en een introductie tot Single-Page Applications (SPA) en API-calls.

Aan het einde van de cursus bespreken we andere JavaScript-technologieën, zoals TypeScript, Node.js en Bootstrap, en geven we een overzicht van de huidige JavaScript-libraries en -frameworks.

Na het volgen van deze cursus: 

• zijn deelnemers in staat om JavaScript te integreren in een website
• hebben ze een goede kennis van de basisconcepten van JavaScript in relatie tot HTML
• zijn ze ook voorbereid om grotere applicaties aan te pakken, mogelijk met behulp van web component libraries zoals Lit of frameworks zoals Angular of React

• Inleiding tot JavaScript
  • wat is JavaScript?
  • geschiedenis en standaardisatie
  • JavaScript Hello World
• Syntax
  • data types en variabelen
  • operaties
  • programma stroom: if-else, switch, while, do while en for
  • functies: declaratie, rest parameters, functie expressies, arrow functies
• JavaScript in/en HTML
  • HTML en CSS herhaling
  • Document Object Model (DOM) en Browser Object Model (BOM)
• Event-based programmeren
  • events en event types
  • events triggeren via attributen
  • event listeners
  • event propagatie
• Objectgeoriënteerd programmeren
  • JavaScript objecten en/vs. JSON
  • prototypes
  • classes
  • modules
• Veelgebruikte JavaScript Objecten
  • String, Array, Date, Math
• Formulieren
  • HTML forms
  • user interactie: formulierafhandeling, dynamisch vullen van menus, change events
  • navigatie: standaard navigatie, History API, Single-Page Architecture (SPA)
  • data transporteren tussen pagina's: cookies, sessionStorage en localStorage, FormData
  • introductie in oproepen van APIs
• Validatie en foutafhandeling
  • debuggen
  • syntax validatie
  • foutafhandeling met gecustomiseerde Error classes en try-catch
• TypeScript
  • verschillen met JavaScript
  • syntax
  • compileren en configureren
• Overzicht van Javascript technologieën
  • AJAX, jQuery, Bootstrap
  • Node.js
  • libraries, web component libraries en frameworks

Klassikale opleiding waarin concepten en mogelijkheden worden uitgelegd en getoond, afgewisseld met veel oefeningen.

Een interactieve, live training – gegeven in een fysiek klaslokaal of online, of in een hybride vorm. De cursus kan gegeven worden in het Nederlands, Engels of Frans.

Basisbeginselen van programmeren beheersen (cf Programmeren: basiscursus). Een minimale basiskennis van HTML wordt verondersteld (zie cursus HTML en CSS). Enige kennis van OO concepten (zie cursus OO concepten en technieken) is mooi meegenomen.

Deze cursus is bedoeld voor iedereen die dynamische websites wil bouwen en beheren.