Objectifs
Destinée aux développeurs et intégrateurs désirant approfondir et mettre à jour leurs connaissances pour s’impliquer dans la création de sites Internet performants et robustes via des technologies de pointe du web apportées par les nouvelles spécifications, la formation HTML5 peut s’adresser aussi à des débutants qui veulent s’initier directement aux bonnes pratiques. Les développements seront adaptés aux différents supports (responsive design) et permettront aussi de créer des applications (mobiles, tablettes, etc.). Pendant les 5 jours de formation, seront abordés les nouveautés vastes et puissantes procurées conjointement par le HTML5, le CSS3 et les nouvelles versions de JavaScript et AJAX.
Concrètement, à l'issue de cette formation HTML5 CSS3 les stagiaires seront capable de se servir des nouveautés du web, en restant rétro-compatible afin d’alléger les besoins en JavaScript. Ils possèderont les connaissances nécessaires pour faire de la vidéo, du son et des animations, sans Flash et pour faire du graphisme avancé et certaines images, sans passer par Photoshop. La formation leur donnera les compétences pour améliorer leur référencement dans les moteurs de recherche et adapter l'affichage des versions mobile / tablette (responsive design). Enfin ils seront capables de proposer des services géolocalisés, et des applications hors ligne (mobile, tablette) en facilitant la communication entre le serveur et le navigateur.
Concrètement, à l'issue de cette formation HTML5 CSS3 les stagiaires seront capable de se servir des nouveautés du web, en restant rétro-compatible afin d’alléger les besoins en JavaScript. Ils possèderont les connaissances nécessaires pour faire de la vidéo, du son et des animations, sans Flash et pour faire du graphisme avancé et certaines images, sans passer par Photoshop. La formation leur donnera les compétences pour améliorer leur référencement dans les moteurs de recherche et adapter l'affichage des versions mobile / tablette (responsive design). Enfin ils seront capables de proposer des services géolocalisés, et des applications hors ligne (mobile, tablette) en facilitant la communication entre le serveur et le navigateur.
Programme
HTML5
- Découvrir HTML5, standards et (rétro-)compatibilité
- 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, micro-formats et micro-données
HTML5 Forms
- Connaître les formulaires nouvelle génération
- Appréhender les nouveaux éléments : progress, meter, datalist, keygen, output
- Comprendre les nouveaux types de champs : tel, url, email, search, number et nouveaux attributs autofocus, placeholder, form, required
- Assimiler la validation par le navigateur : required, pattern, formnovalidate
- Découvrir les suggestions automatiques
JavaScript
- Appliquer le mode strict et chargement asynchrone
- Agir sur la page grâce à DOM Level 3
- Savoir mettre en œuvre une gestion dynamique des évènements
- Utiliser les outils de debug et détection du support du HTML5
- Démarrer avec JSON et jQuery et s'initier au modèle objet
Vidéo et audio
- Savoir utiliser les codecs et formats : H264/MP4, OGG/theora, WebM/VP8
- Découvrir les compatibilités, les navigateurs et les outils de conversion
- Maîtriser l’utilisation des services existants : Dailymotion, Youtube, Viemo
- Intégrer des balises video, audio et proposer plusieurs sources dans différents formats
- Paramétrer les prérequis de type MIME et .htaccess, les attributs : controls, preload, autoplay, poster
Les nouveaux sélecteurs CSS3
- Les pseudo-classes et pseudo-éléments
- Les sélecteurs d’attributs (^, $, *)
Mise en page et box model
- Découvrir les positionnements : absolu, fixe, naturel
- Mise en page avec float et Flex : box-sizing, border box
- Découvrir le système de grid, les dispositions en colonnes, les régions et exclusions
- Connaître les limites et apports des frameworks bootstrap
Graphisme avancé
- Savoir utiliser des polices de caractères personnalisées, des couleurs avancées et dégradés des ombres et opacité.
- Maîtriser l’insertion de bordures et arrière-plans avancés
Responsive design
- Mettre en évidence des problèmes techniques posés par l’hétérogénéité : PC, téléphone, tablette
- Connaître les prérequis et identifier les solutions grâce au Responsive Design
- S'adapter à la résolution d'écran et à l'orientation media-queries Viewport
- Savoir positionner colonnes, tailles fluides et media queries
- Déterminer de la valeur d’une propriété CSS : calc
Compatibilité des navigateurs avec HTML5/CSS3
- Focus sur les navigateurs, leurs capacités, leurs recommandations
Les outils et les méthodes du développeur WEB
- Utiliser les outils pour développer et debugguer
- Améliorer la productivité et la rapidité de codage grâce à une veille technique
- Maintenir et refactoring du code
AJAX
- Découvrir XMLHttpRequest 2
- Intégrer des fichiers joints et progression
- Effectuer des requêtes cross-domain
Historique, navigation, géolocalisation et images
- Connaître l'historique, la navigation par ancres et les communication entre onglets
- Obtenir et suivre la position de l'utilisateur
- Utiliser d’images vectorielles
- Découvrir les techniques de création dynamique d'images en JavaScript
Stockage local et contenu hors ligne
- Attributs 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
- Navigation Timing AP
Durée
5
jours
Réf.
MS-70-480-2
CPF
Oui, nous consulter
Coût HT
2290 €
Collations et déjeuners offerts en inter-entreprise
Participants
Min : 4
/ max : 12
Public visé
Développeur, ingénieur d'études, chef de projet technique
Prérequis
Il est recommandé d'avoir des connaissances en HTML, CSS et JavaScript
Examen
A l'issue de cette formation, vous serez en mesure de passer l'examen l'examen 70-480 Programming in HTML5 with JavaScript and CSS3
> S'inscrire
Nos formations sont dispensées dans l'un de nos centres de formation (inter-entreprise) ou dans vos locaux (intra-entreprise), avec ou sans certification.
Nous sommes présent sur l'ensemble des grandes agglomérations françaises et disposons de locaux à la demande ou permanent dans les villes suivantes : Bordeaux, Clermont-Ferrand, Lille, Lyon, Paris et Ile-de-France, Strasbourg et Toulouse.