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

NextIDE

Last updated