Badges/Web-1

Badge HTML-2

Deze badge geeft aan dat je enkele geavanceerde aspecten van HTML beheerst:

HTML

• HTML tabellen (of HTML-0?)
• het document object model (DOM)
• attributen - als (naam, waarde) paren
• attributen - voor identificatie van elementen
  • id (unieke identificatie van element in het document)
  • class (klasse van elementen)
• CSS: koppelen van opmaak (style) door middel van CSS-selectoren

JavaScript: interactie met de gebruiker

• JS: koppelen van acties aan events van elementen
  • verschillende manieren voor navigeren in de DOM:
  • benoemde elementen (id)
  • gebruik van css-selectoren (CSS, jQuery)
  • toevoegen en verwijderen van een element via de DOM
• events, en de afhandeling daarvan in Javascript
• interactie met de gebruiker via input-elementen

JavaScript: interactie met de server

• interactie met de server via JavaScript (AJAX)
• client-side rendering van templates

Algemene concepten

• boom-structuur
  • relaties tussen knopen (elementen) in book: ouders (parents), kinderen (children)
  • navigeren
  • veranderen (manipulatie) van boom

Hulpmiddelen

• developer-tools in de browser

Evidence

Maken en publiceren van een meer uitgebreide persoonlijke webpagina, met daarin onder meer:

• gebruik van CSS (in apart bestand) voor opmaak van enkele elementen;
• gebruik van enkele input-elementen met daaraan gekoppeld een handler in JS.

Bij het demonstreren van de webpagina hoort ook het tonen van de webpagina en de gebruikersinteractie via de developer-tools van de browser.

Voorkennis

• Web-0
• HTML-1 (voor AJAX)
• CSS-0
• Javascript-0