Badges/Web-2

Badge HTML-1

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

• HTML tabellen
• HTML formulieren, interactie met de server
• 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
• 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
• interactie met de server via JavaScript (AJAX)

Module

Modules/HTML-1

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 head, of in apart bestand) voor opmaak van enkele elementen;
• gebruik van enkele input-elementen met daaraan gekoppeld een handler in JS.

HTML, CSS en JS mogen in één bestand gecombineerd worden. In dat geval:

• CSS in head
• JS aan het eind van de body
• koppeling tussen HTML, CSS, en JS via id's, class en eventueel andere css-selectoren.

(Je kunt een dergelijke pagina eventueel maken via Thimble, of JSBin, JS Fiddle, enz.)

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

Voorkennis

• Web-0
• HTML-0
• CSS-0
• Javascript-0