Programme HTML 5 : DEVELOPPEMENT WEB NOUVELLE GENERATION
Participants : Aux concepteurs et développeurs de sites web souhaitant migrer leurs sites vers HTML5
Durée : 4 jours - 28 heures
Tarif : Nous contacter pour une formation INTER – INTRA ou en COURS PARTICULIER
La formation est délivrée en présentiel ou distanciel (e-learning, classe virtuelle, présentiel et à distance). Le formateur alterne entre méthodes démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). La validation des acquis peut se faire via des études de cas, des quiz et/ou une certification.
Cette formation est animée par un consultant-formateur dont les compétences techniques, professionnelles et pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l’éditeur et/ou par Audit Conseil Formation.
Dates des formations
Contactez-nous pour des informations sur les disponibilités pour cette formation.
Les objectifs
Cette
formation vous permet d'acquérir les connaissances et les compétences nécessaires pour exploiter pleinement HTML5 et les technologies afférentes afin de concevoir des sites Web modernes aux multiples fonctionnalités. À travers une étude de cas pratique et évolutive tout au long de la formation, vous enrichissez un site grâce aux technologies suivantes : CSS3, éléments audio/vidéo, zones graphiques, géolocalisation, glisser-déposer, microdonnées, messagerie, stockage local, XMLHttpRequest2, Web Sockets, et des traitements Web.
pré-requis
des connaissances en HTML et CSS , ainsi qu'une expérience de JavaScript
Moyens pédagogiques, techniques et d'encadrement
- 1 poste de travail complet par personne
- De nombreux exercices d'application
- Mise en place d'ateliers pratiques
- Remise d'un support de cours
- Remise d'une attestation de stage
Modalités d'évaluation des acquis
- Evaluation des besoins et objectifs en pré et post formation
- Evaluation technique des connaissances en pré et post formation
- Evaluation générale du stage
Accessibilité handicapés
- Au centre d’affaires ELITE partenaire d’ACF à 20 m.
- Guide d’accessibilité à l’accueil.
Le Programme
Adapter les normes web à la nouvelle génération
- Démystifier HTML5
- Optimisation regressive pour supporter les anciens navigateurs
Optimiser les balises avec de nouvelles sémantiques
- Faire passer les pages à HTML5
- Sectionner le contenu avec des éléments structurels
Annoter le HTML avec des vocabulaires liés
- Maximiser l'accessibilité avec des rôles ARIA
- Optimiser la visibilité de la page avec les microdonnées
Aider les utilisateurs avec la saisie des formulaires
- Faciliter la saisie avec autofocus et placeholder
- Valider la saisie de données sans écriture de scripts
- Prévenir les erreurs avec les contraintes et les sélecteurs
- Personnaliser les messages d'erreur avec l'API Constraint
Manipuler les bordures et l'arrière-plan
- Préfixes vendeurs
- Coins arrondis
- Gradients
- Images de bordure redimensionnables
Créer des effets recherchés
- Zones de texte et boîtes flottantes avec ombres et opacité
- Animer les transformations et les transitions
Personnaliser l'aspect à travers les navigateurs
- Installer les polices téléchargeables avec @font-face
- Masquer des valeurs dans les attributs data-*
- Adapter les versions pour mobiles avec des Medias Queries
Permettre aux utilisateurs de travailler hors ligne
- Définir un manifest
- Traiter les avertissement de cache
Programmer l'API de géolocalisation dans JavaScript
- Évaluer la latitude et la longitude de la position de l'utilisateur
- Sélectionner le contenu par la proximité
Appliquer les bonnes pratiques JavaScript modernes
- Exploiter les fonctions anonymes et les IIFE
- Simplifier le développement de JavaScript avec jQuery
Conserver les données avec l'API de stockage Web
- Sauvegarder les paires nom/value dans localStorage
- Stocker les données complexes au format JSON
Optimiser les formulaire avec du texte enrichi et JavaScript
- Tester et prendre en charge les fonctionnalités avec Modernizr
- Simplifier la mise en forme du contenu avec les éditeurs WYSIWYG
Manipuler les fichiers avec le glisser-déposer
- Gérer les événements sur les cibles compatibles avec le glisser-déposer, interfaces de programmation HTML5 pour le téléchargement de fichier en glisser-déposer
Échange de données de messagerie avec des API JavaScript
- Poster des messages à travers les fenêtres
- Accéder aux fournisseurs externes avec Cross-Origin Resource Sharing (CORS) et XMLHttpRequest 2
- Envoyer des données avec EventSource et WebSockets
- Améliorer la réactivité avec les Web Workers
Remplir l'élément Canvas
- Éliminer les dépendances des plugins avec les graphiques natifs
- Dessiner des graphiques avec des lignes et des rectangles
- Rendre du texte et enrichir les images
Réduire le temps de téléchargement avec des graphiques basés sur du XML
- Représenter les équations avec MathML
- Comparer les canvas aux Scalable Vector Graphics (SVG)
- Remplacer les images PNG avec des fichiers SVG plus petits
Enrichir un site avec du son
- Ajout d'éléments audio à une page web
- Prise en charge de multiples formats de fichiers
Ajouter une vidéo sur le web
- Conversion aux formats H.264, Ogg et WebM avec Firefogg et HandBrake
- Sous-titrer une vidéo avec WebVTT (Web Video Text Tracks)