inleiding
We behandelen het creëren van interactieve en grafische websites met behulp van HTML, CSS en JavaScript en bereiden voor op het creëren van een volledige dynamische websites.
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
Last updated