HTML5/CSS3
Description
Cette formation aborde l’entièreté des possibilités de développement offertes par la combinaison HTML5/CSS3 aussi bien en ce qui concerne le développement Web que le développement Mobile.
Les compétences visées par la formation sont les suivantes :
- - Définir le rôle des technologies HTML5 et CSS 3 dans le développement applicatif
- - Positionner HTML5 par rapport à ses alternatives
- - Utiliser les nouvelles possibilités offertes par HTML5
- - Utiliser les nouvelles possibilités offertes par CSS3
- - Développer des formulaires utilisant les fonctionnalités d’HTML5
- - Mettre en place des graphismes disposant d’ombres et de bordures avec CSS3
- - Utiliser le responsive design pour la mise en place d’une application Web
- - Lire des flux vidéo et audio en HTML5
- - Utiliser les mécanismes de géolocalisation de HTML5
- - Travailler avec des images vectorielles
- - Utiliser le stockage local
- - Communiquer avec le serveur en HTML5
- - Optimiser la performance avec HTML5
Quels sont les buts de la formation ?
Cette formation s’adresse à toute personne souhaitant utiliser les fonctionnalités offertes par HTML5 et CSS3.
Que devez vous connaître pour suivre la formation ?
Cette formation s’adresse à toute personne souhaitant utiliser les fonctionnalités offertes par HTML5 et CSS3.
Programme de la formation
Présentation des technologies
- HTML5 : standards et rétrocompatibilité
- Navigateurs et outils de travail
- HTML5 vs Flash
- Applications HTML5 vs applications natives
Sémantique, référencement et accessibilité en HTML5
- DOCType, encodage, règles de syntaxe
- Les nouvelles balises sémantiques
- Relations, micros formats et micro-données
Sélection et positionnement en CSS3
- Nouveaux sélecteurs CSS3
- Inline, block et float
- Contenu en colonnes
- Le futur du positionnement : (flex)box
Formulaires nouvelle génération
- Nouveaux types de champs
- Validation par le navigateur
- Ergonomie, mobile et accessibilité
- Suggestions automatiques
- Graphisme dynamique simplifié
Graphisme avancé
- Polices de caractères personnalisées
- Couleurs et dégradés
- Ombres et opacité
- Bordures et arrières plans avancés
Responsive design avec Bootstrap
- Media-queries : s’adapter à la résolution d’écran et à l’orientation
- Viewport
Graphisme façon print
- Contenu en colonne
- Régions et exclusions
Animations
- Transformations
- Transitions
- Animations autonomes
Vidéo et audio
- Formats, codecs et outils
- Balises
- API Javascript
- Plein écran et lecture partielle
Géolocalisation
- Obtenir et suivre la position de l’utilisateur
Images : canvas et SVG
- Images vectorielles
- Création dynamique d’images en JavaScript
Stockage local et contenu hors ligne
- Attrbuts data-personnalisés
- localStorage et sessionStorage
- manifest
- indexedDB : base de données locale
Communication serveur nouvelle génération
- SPDY : le http accéléré
- Server-sent events
- Websockets : communication permanente
- Initiation à node-js
Performances et optimisation
- Webworkers, scripts simultanés et partagés
- Page Visibility API
- Battery API