In een notendop
| Doelstelling | Leer programmeren voor de nieuwe HTML5-API's zoals geolocation, audio, video, fullscreen en meer. |
| Duur | 2 dagen |
| Voorkennis | HTML, CSS, basiskennis JavaScript. |
| Prijs | €990,- (2 x €495,- p.p.p.d.)
(informeer naar groepskortingen!)
|
In detail
HTML5 is de nieuwe standaard voor het structureren van websites. Veel webdesigners zijn al bekend met de HTML5-structuurtags als <header>, <footer>, <article> en <section>.
HTML5 is echter ook de eerste versie van HTML waarmee gericht development binnen de browser mogelijk is. Via tal van API’s kunnen onderdelen in de pagina rechtstreeks worden aangestuurd, zonder dat de omweg via add-ons van derden nodig is, of dat plug-ins als Flash of Silverlight nodig zijn.
Als u de HTML5-API’s kent, kunt u via JavaScript HTML5-elementen als <canvas> of <video> aansturen en programmeren. In deze cursus maakt u kennis met de bekendste HTML5-API’s en leer je hoe u hoe deze met JavaScript worden aangesproken.
Deze cursus is bedoeld voor webdesigners en –developers die reeds bekend zijn met de basisbeginselen van HTML5 en hun kennis willen uitbreiden naar de programmeermogelijkheden die HTML5 in moderne browsers biedt. De cursusinhoud is vooral afgestemd op programmeurs en minder op ontwerpers/designers. Deze cursus is uitstekend geschikt als vervolgcursus op de inleidende cursussen over HTML5 en CSS3.
Voorkennis
Om de cursus HTML5-API's goed te kunnen volgen is de volgende voorkennis van belang:
- Kennis van de structuurelementen in HTML5, bekendheid met de HTML5-syntaxis.
- Bekendheid met JavaScript.
- Kennis van CSS(3) is handig, maar niet beslist noodzakelijk.
- Enige kennis van de Engelse taal. Veel websites, documentatie en achtergrondinformatie is alleen in het Engels beschikbaar.
Beknopte inhoud
- Inleiding
- Geschiedenis, achtergronden.
- de rol van W3C en browserverschillen.
- Tools voor HTML5-development.
- Kennismaken met API's.
- Welke HTML5-API’s zijn al geschikt om te gebruiken.
- Aanvullende libraries als Modernizr.js en andere.
- Gegevens lokaal opslaan met de API LocalStorage.
- Werken met Inline Document Editing, de API ContentEditable.
- Drag-and-drop – elementen verslepen op de pagina.
- File API – eigenschappen van bestanden bekijken
- De API Geolocation
- plaatsbepaling en routeberekening op websites
- Samenwerken met Google Maps
- Mobiele toepassingen
- De API’s Audio en Video
- Een eigen audio- of videospeler maken
- Events afvangen en verwerken
- De Canvas-API
- Inleiding en kenmerken
- eenvoudige HTML5-games programmeren
- JavaScript-libraries om het werken met Canvas te vereenvoudigen: easel.js en raphael.js
- Overige API’s
- FullScreen,
- Page Visibility
- Battery
- getUserMedia
