Inleiding

Herinnering aan XHTML, CSS, HTML5-normen
Actuele problemen: multi-format, mobiele apparaten

HTML5 ontdekken

Inleiding tot HTML 5
Browserondersteuning
HTML5-tags

Praktische workshop: Een eerste pagina in HTML 5

Websites maken met HTML5

Structuur en semantiek
Nieuwe HTML5-formulierelementen
Integratie van animaties en geluiden

Praktische workshop: Een eerste site maken met een HTML5-formulier

CSS 3 gebruiken

CSS reminder
Prioriteitsvolgorde: cascade en overerving
Dimensionering, marges
Positioneringskwesties
CSS 3 eigenschappen voor opmaak: randen, schaduwen, transparantie,...

Praktische workshop: demonstratie van stijlen en effecten op de verschillende bestudeerde eigenschappen, complexe paginaopmaak

Inzicht in Responsive Web Design

Presentatie van Responsive Web Design: doelstellingen, alternatieven...
Vloeiende rasters
Media query's
Beeldcompressie, sprites, data URI
Inleiding tot JavaScript-bibliotheken voor HTML5-compatibiliteit

Praktische workshop: een multiplatformsite maken (smartphone, tablet...)

Bootstrap gebruiken

Presentatie van Bootstrap
Installatie van Bootstrap

Praktische workshop: een pagina maken met Bootstrap

Ontdekken van JavaScript

Basisbegrippen van JavaScript
Gebeurtenissenbeheer
Presentatie van het DOM (Document Object Model)
Elementen en attributen benaderen, wijzigen, toevoegen
Dynamisch beheer van CSS

Praktische workshop: een fotogalerij maken

XML ontdekken

Presentatie van het XML-formaat
Structuur van een XML-document
Voordelen van XML

Praktische workshop: RSS-feed voor een website

Inzicht in Ajax en XMLHttpRequest

Synchrone en asynchrone communicatie
Een XMLHttpRequest-object initialiseren
Verzoeken verzenden
Antwoorden beheren, returncodes van HTTP-servers
Foutenbeheer

Ontdekken van jQuery

Essentiële functies en chaining
Selectors (CSS, XPath, Complex)
Bladeren, DOM-boommanipulatie en filters
Callback-principes

Interfaces maken met jQuery

Gedrag van links
Gebeurtenisassociatie en triggering
Animatie-effecten
Widgets: schuifbalken, tooltips, drag'n'drop...

Praktische workshop: meerdere voorbeelden van jQuery widgets

AJAX gebruiken met jQuery

Asynchrone/synchrone communicatie
AJAX implementeren
Beschikbare jQuery functies
Pagina laden en code injectie
Volledige AJAX en UI integratie
Compatibiliteit met andere frameworks

Praktische workshop: een rijke webinterface maken met jQuery

Conclusie

Webontwikkelingen
Andere kaders om te ontdekken