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.

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