Wat leer je in deze cursus?

Na een korte inleiding ga je de eerste dag aan de slag met de semantische elementen in HTML5 om je documenten beter te kunnen structureren. Met behulp van de MicroData syntax leer je vervolgens hoe je voor zoekmachines nog specifieker kunt aangeven welke inhoud je documenten bevatten. In het onderdeel HTML5 Forms leer je de nieuwe formulier elementen en de bijbehorende validatie gebruiken. Je leert hoe je met JavaScript het nieuwe canvas element kunt inzetten voor het dynamisch tonen van paden, figuren, tekst en afbeeldingen. Met de nieuwe audio en video elementen plaats je multimedia in uw documenten. Tot slot komen de GeoLocation API, de Data Storage API’s en offline caching aan de orde.

De tweede dag is gewijd aan CSS3. Dat is de opvolger van CSS2.1 en bevat alle functionaliteit van de vorige versie. CSS3 voegt daar echter tal van nieuwe mogelijkheden aan toe. In CSS3 kun je veel voorkomende design effecten realiseren zonder dat daar extra mark-up, complexe scripts of extra afbeeldingen voor nodig zijn. Denk bijvoorbeeld aan rounded corners, gradients en schaduwranden. Je leert hoe je custom fonts kunt gebruiken zodat je lettertypes en icons op een makkelijke manier met je webpagina’s mee kunt sturen. Je leert tevens hoe je met CSS3 Transitions de waarde van CSS properties gradueel in een opgegeven tijdspanne kunt veranderen en hoe je met CSS3 Transforms elementen kunt roteren, schalen, vervormen en verplaatsen zonder dat dit de omringende elementen verstoort. Met CSS3 Animations maak je eenvoudige animaties die volledig uit stijl veranderingen zijn samengesteld.

De derde dag staat in het teken van (Responsive) Design. Er is uitgebreid aandacht voor de Flexbox en Grid layout modules waarmee je elke indeling van je pagina’s kunt realiseren die je maar wenst. Je leert hoe je met media queries en responsive images het design en de navigatie van je website kunt laten aanpassen aan het apparaat waarmee je website wordt bekeken.