Rechercher une formation et ses disponibilités
Formation HTML5 CSS : Maîtrise
Cette formation HTML5 CSS3 sur 4 jours va vous permettre, au-delà de la maîtrise de ces langages, d'exploiter les nouveautés de ces derniers afin de réaliser des sites Web plus attractifs. Au travers de ces nouvelles techniques vous serez capables d'intégrer des vidéos, des interfaces plus riches, ou encore un système de géolocalisation tout en étant compatible avec les normes W3C.
Pourquoi HTML5 et CSS3 ?
Les nouvelles versions des langages HTML et CSS sont destinées aux développeurs et intégrateurs désirant actualiser leurs connaissances afin de réaliser des sites Web plus performants et dans les tendances ou pour le développement d'applications.
Objectifs de cette formation HTML5 CSS : Maîtrise
- Maîtriser les nouveautés apportées par HTML5 et CSS3
- Maîtriser l'intégration d'éléments multimédia
- Être capable de maximiser les performances d'affichage
- Savoir concevoir une version déstinée aux mobiles
Public de cette formation HTML5 CSS : Maîtrise
- Webmasters
- Développeurs PHP
- Intégrateurs HTML
Pré-requis de cette formation HTML5 CSS : Maîtrise
- Connaissances solides en HTML
- Connaissances solides en CSS
Programme de cette formation HTML5 CSS : Maîtrise
HTML et CSS : Rappel des bases
- Présentation chronologique des langages HTML et CSS
- Présentation du W3C et de WHATWG
- Les nouveaux enjeux apportés par l'intégration de HTML5
- Distinguer les différentes versions de CSS
Présentation globale d'HTML5
- Introduction au nouveau Doctype
- Visualiser les nouveaux attributs globaux
- Présentation des nouveaux éléments sémantiques
- Savoir gérer les sections
- Savoir gérer les différents navigateurs
- Présentation des nouvelles balises (datatemplate, rule, nest, summary, time...)
- Les balises devenues désuètes (block, inline, font, frame, center, strike...)
- Microdata, indexation, attributs itemscope, itemid, itemref : gestion sémantique du contenu
- Appréhender les vocabulaires et Rich Snippets (ou extraits enrichis)
Améliorer la gestion des formulaires
- Autofocus, min, max, step, placeholder : nouveaux champs exploitables
- Progress, meter, outil: nouveaux éléments
- :checked :valid, :invalid, : styles CSS en validation
Savoir intégrer des éléments multimédia
- Mise en place de la balise pour audio et vidéo
- Le conteneur (WEBM, MP4, OGG) et le codec (Theora, VP8,.h264, Vorbis) : supports et formats
- Les balises object, embed et svg, les API
Javascript : Présentation des nouveautés
- Visualiser l'extension du DOM (querySelector, contenteditable, getElementByClassName)
- Présentation des nouvelles fonctions de Drag n'Drop (Glisser-Déposer)
- Utiliser Appcache pour les détections online et offline
- Appréhender l'API de contrôle sous Javascript
- Gérer des fichiers sous Javascript
- Utiliser WebSocket pour une communication bi directionnelle asynchrone
- Solliciter Web Storage et IndexedDB pour un stockage local ou stockage desession
- Être capable d'utiliser JSON (JavaScript Object Notation)
- Maîtriser le concept de géolocalisation (exploitation et positionnement de Google Maps)
Présentation globale de CSS3
- Savoir quand solliciter CSS3
- Connaître les préfixes et la syntaxe
- Appréhender la cascade et compatibilité avec le navigateur
- Maîtriser la gestion de la transparence
- Comprendre les selecteurs
- Savoir mettre en forme de façon tabulaire
- Comprendre les layouts et templates
Savoir personnaliser un contenu
- Personalisation de la police, des couleurs, mise en page...
- Comprendre la gestion des coins arrondis
- Savoir transformer et animer son contenu
Utiliser Media Queries pour générer du responsive
- Maîtriser la syntaxe mediaqueries
- Savoir comment forcer le viewport