HTML5 : Développement Web nouvelle génération

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

• Démystifier HTML5
• Optimisation regressive pour supporter les anciens navigateurs

Amélioration de l’utilisabilité de l’accessibilité et de l’optimisation pour les moteurs de rechercheOptimiser 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

Enrichir la conception d’un site avec CSS3Manipuler 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–* personnalisés
• Adapter les versions pour mobiles avec des Medias Queries

Offrir du contenu fiable avec AppCache, JavaScript et la GéolocalisationPermettre 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é

Programmer les applications HTML5Appliquer 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 WebSockets
• Améliorer la réactivité avec les Web Workers

Créer des images dynamiquesRemplir 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 la taille des pages avec SVG

• Créer des graphiques avec un éditeur de texte
• Remplacer les images vectorielles par des fichiers PNG plus gros

Fonctionnalités multimédiaEnrichir 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)