HTML5 :
Maîtriser le développement Web Nouvelle génération

Adapter les normes Webà la nouvelle génération

• Démystifier HTML5
• Prendre en charge les anciens navigateurs avec des polyfils
• Optimisation régressive

Amélioration de la sémantique, de l'accessibilité et des formulaires

Optimiser l'utilisation des balises

• Ajouter des éléments structurels dans HTML5
• Optimiser l'accessibilité avec la sémantique et ARIA

Prise en charge des navigateurs traditionnels

• Gérer la compatibilité descendante
• Travailler sans JavaScript

Aider les utilisateurs avec la saisie semi-automatique au sein des formulaires

• Faciliter la saisie avec l'attribut autofocus et les astuces (placeholders)
• Valider la saisie de données sans écriture de scripts
• Éviter les erreurs avec les sélecteurs

Enrichir la conception d'un site avec CSS3

Manipuler les bordures et l'arrière-plan

• Regrouper le contenu
• Coins arrondis
• Gradients
• Images

Créer des effets recherchés

• Zones de texte et boîtes flottantes avec ombres et opacité
• Animer les transformations et les transitions

Appliquer des polices Web

• Personnaliser l'aspect de la page avec des polices téléchargeables
• Installer les polices avec @font-face

Optimiser la visibilité de la page avec les microdonnées

Améliorer l'optimisation du référencement d'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

• Offres
• Revues
• Organisations
• Adresses
• Masquer des valeurs dans les attributs data-* personnalisés

Offrir du contenu contextuel grâce à la géolocalisation

API de géolocalisation dans JavaScript

• Évaluer la latitude et la longitude de la position de l'utilisateur
• Illustrer la géolocalisation avec la cartographie

Générer du contenu en relationavec la position géographique

• Calculer les distances avec la formule Haversine
• Filtrer des informations en fonction de la position géographique

Développer un site avec stockage local et de session, messagerie et traitements Web

Paramétrer la persistance des données

• Enregistrer des paires clé/valeur dans localStorage
• Exploiter JSON, les bases de données des navigateurs et les magasins d'objets (object stores)

Communication entre les fenêtres

• Envoyer des messages entre différents domaines
• Traiter un message provenant d'une autre source

Insérer des données de tierces parties avec Ajax

• Autoriser le partage de ressources d'origines diverses (CORS)
• Accéder à des fournisseurs externes avec XMLHttpRequest2

Échange d'informations avec les WebSockets

• Dépasser les limites de HTTP
• Envoyer des données aux clients

Accroître la réactivité via le traitement asynchrone

• Exploiter les traitements Web pour les codes gourmands en temps processeur
• Créer un nuage de tags à l'aide d'un traitement en arrière-plan

Simplifier les interactions avec la fonction glisser-déposer

Faire glisser des éléments

• Traiter les glissements effectués avec la souris
• Transférer des données avec les événements

Identification des destinations cibles

• Activer l'emplacement cible
• Créer une réponse à un événement Drop (déposer)

Attirer l'attention des utilisateurs avec des fonctionnalités multimédia

Créer des graphiques dynamiques avec Canvas

• Dessiner des graphiques avec des lignes et des rectangles
• Annoter les diagrammes à l'aide de texte et d'images

Alternatives à Canvas

• Mathematical Markup Language (MathML)
• Scalable Vector Graphics (SVG)

Enrichir un site avec des éléments audio

• Ajout d'éléments audio à une page Web
• Prise en charge de différents codecs et conteneurs

Ajouter une vidéo sur le Web

• Encodage de média dans un conteneur Ogg
• Conversion aux formats H.264 et WebM