Transcript Visueel Programmeren met Java

Webapplicaties: de clientkant
Herman Koppelman
Sylvia Stuurman
13 november 2010
Control flow, simpele pagina
Inhoud
Drie belangrijke onderdelen:
- HTML, CSS
- JavaScript, DOM
- Ajax
(maar er is meer)
HTML en CSS
Statische deel
- Interactie beperkt
- Geen bewerkingen aan clientkant
 Programmeren aan de clientkant: JavaScript
JavaScript
Meer interactiemogelijkheden:
- in/uitklappen
- valideren gegevens invulformulier
- inzoomen
Ajax: asynchrone communicatie
Beperking HTML, CSS, JavaScript:
synchrone communicatie: de gebruiker vraagt
expliciet om nieuwe pagina en moet wachten tot
die is geladen
 Ajax: asynchrone communicatie
Voorbeeld
Cursus: enkele aspecten van Ajax
Control flow, simpele pagina
Leerdoelen
- inleiding HTML, CSS, JavaScript + DOM, Ajax
- standaarden (W3C)
- principes, concepten, ‘good practices’, bijv.
- scheiding structuur, layout, gedrag
- unobtrusive JavaScript
- context: web 2.0, Flash, bibliotheken
Doel: zodanige achtergrond dat je ‘meekunt’ met
nieuwe ontwikkelingen
Materiaal
Tekstboek:
- probleemgericht
Werkboek:
- opdrachten
- aanvullingen
(standaarden, video en flash,
web 2.0, HTML5)
http://www.webstepbook.com/
Tools
Tools