Objectifs:
Exploiter HTML5 pour concevoir des sites riches en fonctionnalités.
Créer des présentations accrocheuses et professionnelles.
Concevoir des formulaires conviviaux dotés de nouvelles options de saisie et de nouveaux contrôles d'interface utilisateur avancés.
Améliorer l'accessibilité et l'optimisation du référencement des sites.
Utiliser les nouvelles générations de HTML pour introduire des fonctionnalités de géolocalisation et messagerie.
Gérer des éléments audio et vidéo.
|
- Public concerné:
Concepteurs, développeurs de sites Web souhaitant migrer leurs sites vers HTML5
-
Dates:
20 novembre 2018 au 23 novembre 2018 11 mars 2019 au 14 mars 2019 03 juin 2019 au 06 juin 2019 07 octobre 2019 au 10 octobre 2019 18 novembre 2019 au 21 novembre 2019
-
Lieu:
Paris
- Intervenants:
Spécialiste de développement de site web
- Pré-requis:
HTML, fondamentaux et CSS
- Technique d'animation:
Alternance de démonstrations avec fondamentaux théoriques.
Exercices individuels et collectifs (Mises en situation).
Etudes de cas et retour d’expérience
|
Programme:
Evoluer pour s’adapter aux nouvelles normes Web
- Appréhender HTML5
- Comprendre les contraintes liées à la cohabitation avec les anciennes normes et navigateurs
Améliorer les formulaires, l'accessibilité, la sémantique
Optimiser l'utilisation des balises
- Utiliser les éléments structurels et optimiser l'accessibilité
Prise en charge des navigateurs
- Etre compatible avec les anciennes générations de navigateurs et travailler sans JavaScript
Introduire la saisie semi-automatique au sein des formulaires
- Faciliter la saisie (autofocus et placeholders) et valider la saisie de données ; utiliser les sélecteurs
CSS3 : outil d’enrichissement des sites
Créer des effets
- Zones de texte et boîtes flottantes
- Transformations et transitions
- Installer les polices et appliquer des polices Web
Améliorer la visibilité de la page avec les microdonnées
Référencer un site auprès d'un moteur de recherche (SEO)
- Utiliser les vocabulaires de données Google
- Tester les extraits de code Google
Annoter le balisage et définir sa portée
Utiliser les fonctionnalités de messagerie et traitements Web
Paramétrer la persistance des données
- Enregistrer des paires clé/valeur dans localStorage
- Exploiter JSON, les object stores et les bases de données
Communiquer entre plusieurs fenêtres
- Envoyer des messages entre domaines
- Traiter un message en provenance d’une source externe
Insérer des données de tierces parties avec Ajax
- Autoriser le partage de ressources
- Accéder à des fournisseurs externes (XMLHttpRequest2)
Utiliser les WebSockets
- Aller au-delà de http et envoyer des données
Utiliser le traitement asynchrone et augmenter la réactivité
- Recourir aux traitements Web de manière pertinente
- Créer un nuage de tags
- Simplifier les interactions avec la fonction glisser-déposer
- Traiter les glissements effectués avec la souris
- Transférer des données avec les événements
Identifier les destinations cibles
- Activer l'emplacement cible et créer une réponse lors du dépôt
Attirer l'attention des utilisateurs avec des fonctionnalités multimédia
Créer des graphiques
- Dessiner des graphiques
- Ajouter des textes et images sur les graphiques
- Alternatives à Canvas, Mathematical Markup Language (MathML), Scalable Vector Graphics (SVG)
Enrichir un site avec des éléments audio
- Ajouter des éléments audio dans une page Web
- Prendre en charge les codecs et conteneurs
Ajouter des vidéo sur le Web
- Encodage de média et conversion
Offrir du contenu contextuel grâce à la géolocalisation
API de géolocalisation dans JavaScript
- Déterminer la position de l'utilisateur et illustrer à l’aide de la cartographie
Générer du contenu lié à la position géographique
- Calculer les distances et filtrer des informations
|