HTML5 en CSS3 Gevorderd

Cursus HTML5 en CSS3 Gevorderd

LET OP! Een STAP-Budget aanmeldformulier aanvragen s.v.p. rechtstreeks bij de opleider. Ga naar opatel.nl
In deze cursus maak je kennis met de extra mogelijkheden die HTML5 en
CSS3 u bieden om webapplicaties te bouwen.

In deze cursus leer je geavanceerdere onderwerpen zoals filters, transities en animaties, en de werking van mediaqueries. Ook hoe je een site layout kunt maken met CSS Grid. En hoe je met Flexbox elke gewenste indeling van pagina’s kunt realiseren.

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.

Welke voorkennis heb je nodig?

Om succesvol deel te kunnen nemen aan de cursus HTML5 & CSS3 verwachten we voorkennis op het niveau van de cursus HTML5 & CSS3 Basis.

Basiskennis van CSS op het niveau van de cursus CSS is zeer nuttig en omdat er nogal wat gescript zal moeten worden heb je ook basiskennis van JavaScript op het niveau van de cursus JavaScript nodig.

Voor wie is deze cursus bedoeld?

De HTML5 & CSS3 Gevorderd cursus is bedoeld voor webontwikkelaars die kennis willen maken met de nieuwe mogelijkheden van HTML5 en CSS3.

Wat is een logisch vervolg op deze cursus?

Na deze cursus kun je je verder technisch specialiseren via één van de cursussen web development, of bijvoorbeeld  één van onze grafische cursussen.

Cursus onderwerpen

• 
  
• Programma dag 1
• Inleiding
• Geschiedenis HTML5
• HTML5 Semantics
• MicroData
• HTML5 Forms en validatie
• Audio en Video
• Introductie progressieve web apps
• Opacity
• Gradients
• Flexbox layout-module

• 
  
• Programma dag 2
• Inleiding
• Browser Support
• New Selectors
• New Box Model Features
• CSS columns
• Multiple Background Images
• Patterns
• Transitions
• Transforms
• Animations

• 
  
• Programma dag 3
• Grid layout-module
• Media Queries
• Responsive Webdesign
• Responsive Images