HTML5/CSS3
Beschrijving
Deze cursus behandelt het volledige scala aan ontwikkelingsmogelijkheden die de combinatie HTML5/CSS3 biedt voor zowel web- als mobiele ontwikkeling.
De opleiding is gericht op de volgende vaardigheden
- - De rol van HTML5- en CSS 3-technologieën in de ontwikkeling van toepassingen definiëren
- - Positionering van HTML5 ten opzichte van alternatieven
- - Gebruik de nieuwe mogelijkheden van HTML5
- - Gebruik de nieuwe mogelijkheden van CSS3
- - Formulieren ontwikkelen met HTML5-functies
- - Grafieken met schaduwen en randen implementeren met CSS3
- - Een responsief ontwerp gebruiken om een webapplicatie te bouwen
- - Video- en audiostreams afspelen in HTML5
- - Gebruik van de geolocatiemechanismen van HTML5
- - Werken met vectorafbeeldingen
- - Lokale opslag gebruiken
- - Communiceren met de server in HTML5
- - Prestaties optimaliseren met HTML5
Wat zijn de doelstellingen van de opleiding?
Deze cursus is bedoeld voor iedereen die gebruik wil maken van de mogelijkheden van HTML5 en CSS3.
Wat moet je weten om de cursus te volgen?
Deze cursus is bedoeld voor iedereen die gebruik wil maken van de mogelijkheden van HTML5 en CSS3.
Opleidingsprogramma
Overzicht van de technologie
- HTML5: normen en achterwaartse compatibiliteit
- Browsers en werkinstrumenten
- HTML5 vs Flash
- HTML5-toepassingen vs. native toepassingen
Semantiek, verwijzingen en toegankelijkheid in HTML5
- DOCType, codering, syntaxisregels
- De nieuwe semantische tags
- Relaties, microformaten en microgegevens
Selectie en positionering in CSS3
- Nieuwe CSS3 selectors
- Inline, blok en float
- Inhoud in kolommen
- De toekomst van positionering : (flex)doos
Nieuwe generatie formulieren
- Nieuwe veldtypes
- Browser validatie
- Ergonomie, mobiliteit en toegankelijkheid
- Automatische suggesties
- Vereenvoudigde dynamische graphics
Geavanceerde graphics
- Aangepaste lettertypen
- Kleuren en kleurverlopen
- Schaduwen en ondoorzichtigheid
- Geavanceerde randen en achtergronden
Responsief ontwerp met Bootstrap
- Media-query's: aanpassing aan schermresolutie en -oriëntatie
- Kijkvenster
Grafische afbeeldingen
- Kolom inhoud
- Regio's en uitsluitingen
Animaties
- Transformaties
- Overgangen
- Stand-alone animaties
Video en audio
- Formaten, codecs en hulpmiddelen
- Tags
- Javascript API
- Volledig scherm en gedeeltelijke weergave
Geolocatie
- Opvragen en volgen van gebruikerslocatie
Afbeeldingen: canvas en SVG
- Vectorafbeeldingen
- Dynamisch afbeeldingen maken in JavaScript
Lokale opslag en offline inhoud
- Aangepaste gegevenskenmerken
- localStorage en sessionStorage
- manifest
- geïndexeerdeDB: lokale database
Volgende generatie servercommunicatie
- SPDY: versneld http
- Door server gezonden gebeurtenissen
- Websockets : permanente communicatie
- Inleiding tot node-js
Prestaties en optimalisatie
- Webworkers, gelijktijdige en gedeelde scripts
- Pagina Zichtbaarheid API
- Batterij-API