# inleiding

## doelstellingen

In deze module leer je de actuele webstandaarden kennen, zodat je responsieve websites, nieuwsbrieven, maar ook apps kan maken met behulp van HTML, CSS en JavaScript.

We leren het bouwen van statische en interactieve websites. En bereiden ons voor op het bouwen van dynamische webapplicaties.

## leerinhouden

### deel 1: HTML

* basis voor het structureren van webpagina's in HTML
  * de bouwstenen: elementen, tags en attributen
  * structuur kunnen geven aan teksten met semantische HTML-elementen
  * lijsten, andere tekstmarkeringen en speciale tekens
  * koppelingen
  * tabellen en formulieren
  * afbeeldingen en andere media
* basis van de werking van webpagina's
  * filestructuur op webserver
  * bestandsformaten
  * front-end testing

### deel 2: CSS

* basis voor het vormgeven van webpagina’s in CSS
  * de opbouw van stijlregels en waar die komen te staan
  * het gebruik van lettertypen en de opmaak van tekst en menu’s
  * gebruikmaken van eenvoudige en meer geavanceerde selectors
  * het boxmodel en de positionering van elementen
  * toegankelijkheid
  * UI/UX
* diepgang bij het vormgeven van webpagina’s in CSS
  * lay-outtechnieken: grid lay-out en flexbox
  * kleurgebruik en achtergrondafbeeldingen
  * responsive webdesign met media queries met een mobile first-aanpak
  * CSS3 custom properties, nesting

### deel 3: JavaScript

* basis van programmeren in JavaScript
  * wat is JavaScript
  * programmeerconcepten
  * leren programmeren met een IDE
  * fouten in code opsporen
  * variabelen en identifiers
  * expressies en statements
  * methoden
  * selectie- en iteratiestructuren
  * DOM-manipulatie
  * EventListeners
  * JS objecten

### deel 4: asynchroon programmeren

* uitgebreid programmeren in JavaScript
  * callbacks
  * ES6 array-functies
  * promises
  * async en await
* basis van werken met API's
  * data uit API m.b.v. een GUI ophalen
  * data uit API m.b.v. JS ophalen
  * JSON-formaat
  * POST/GET-commando's
  * uitlezen van data uit API in website