Inleiding

Geschiedenis: evolutie van HTML en CSS
HTML5: overzicht van actuele problemen
Voorbeelden van HTML 5- en CSS3-toepassingen
Overzicht van ontwikkeltools zoals Visual Studio

HTML5

Een pagina structureren in HTML5:
Semantische tags: header, article, aside...
Een opmaakcontainer maken
Nieuwe attributen gebruikt door zoekmachines

Praktische workshop: Architectuur van een pagina in HTML5

Media beheren in HTML 5

Audio- en videotags
De Canvas-tag: gebruik van de Canvas API.
Interactieve afbeeldingen met SVG

Hands-on workshop: interactieve afbeeldingen maken

CSS 3

Toepassing van stijlen op HTML 5 zone eigenschappen
Selectoren: Tag en attribuut verwijzingen, overerving, voorvoegsels, !important, object architectuur, pseudo-klassen en pseudo-elementen.
Uiterlijk: Grootte, randen, contouren, achtergrond, achtergrondafbeelding, verlopen, schaduwen, clipping,
transparantie, dimensionering, marges...
Positioneringskwesties, de verschillende positioneringsmodi, weergave, verbergen
Kolomopmaak. Zwevend, uitsluitingen.

Praktische workshop: Een pagina met persartikelen maken

Stijlen toepassen op HTML 5-teksteigenschappen

Formaat, kleur, slagschaduw...
Lettertype-integratie: @font-face
Uitlijning, tekstindentatie, rechtvaardiging, woordafbreking.

Praktische workshop: Opmaak van een artikel

Overgangen en transfomaties in CSS3

Objecten transformeren in 2D en 3D
Objecten animeren met CSS-overgangen
De interface aanpassen aan de gebruikte media

Praktische workshop: de webpagina animeren

Responsief webontwerp

Presentatie van Responsive Web Design: doelstellingen, alternatieven...
Het flexibele model
Media queries
Lay-out met behulp van regio's, groepering en nesting
Vaste en vloeiende rasters
Beeldcompressie, sprites, Data URI
API Network Information JavaScript for Responsive

Praktische workshop: de webpagina aanpassen aan meerdere formaten (tablets, smartphones...)

De belangrijkste API's van HTML 5

Opslag-API's: LocalStorage, SessionStorage, IndexedDB
Geolocatie
Offline webtoepassing

JavaScript

De belangrijkste elementen van JavaScript : variabelen, arrays, functies...
Conditie- en iteratie-instructies
Fout- en uitzonderingsafhandeling
Objecten in JavaScript
Prototyping
Constructoren, overerving, variabele reikwijdte
DOM (Document Object Model) presentatie
DOM browsing, filters
HTML 5 elementen en attributen openen, wijzigen, toevoegen
Dynamisch beheer van CSS
Gebeurtenisbeheer
Gebeurtenisverspreiding
Inleiding tot de HTML5 WebSocket API
WebWorkers aanmaken in de BackGround

Praktische workshop: JavaScript gebruiken om de webpagina te animeren

HTML 5-formulieren

Formulieren valideren met HTML
Formulieren valideren met JavaScript
Reguliere expressies gebruiken
Code-injecties voorkomen
Gegevensherstel, codering

Hands-on workshop: JavaScript gebruiken om een formulier te valideren

Ajax en XMLHttpRequest

Synchrone en asynchrone communicatie
Instantiating an XMLHttpRequest object
Error handling
Progress bar
Callback principles
Data transmission: GET and POST format
Serializing and deserializing data
Using data: XML-formaat, JSON-formaat
JQuery toepassen om een Ajax-verzoek te doen
Beschikbare jQuery-functies om Ajax-verzoeken te doen

Praktische workshop: Ajax gebruiken met Jquery en Javascript om formulierelementen te maken van gegevens die in XML en JSON worden aangeleverd.

Slagen voor de certificering (indien opgenomen in de financiering)