Html5 : développement web avec css3 et javascript

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 recherche

Optimiser les balises avec de nouvelles sémantiques

• Faire passer les pages à HTML5
• Sectionner le contenu avec des éléments structurels

• Maximiser l’accessibilité avec des rôles ARIA
• Optimiser la visibilité de la page avec les microdonnées

• 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 CSS3

Manipuler les bordures et l’arrière–plan

• Préfixes vendeurs
• Coins arrondis
• Gradients
• Images de bordure redimensionnables

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

• 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éolocalisation

Permettre aux utilisateurs de travailler hors ligne

• Définir un manifest
• Traiter les avertissement de cache

• Évaluer la latitude et la longitude de la position de l’utilisateur
• Sélectionner le contenu par la proximité

Programmer les applications HTML5

Appliquer les bonnes pratiques JavaScript modernes

• Exploiter les fonctions anonymes et les IIFE
• Simplifier le développement de JavaScript avec jQuery

• Sauvegarder les paires nom/value dans localStorage
• Stocker les données complexes au format JSON

• Tester et prendre en charge les fonctionnalités avec Modernizr
• Simplifier la mise en forme du contenu avec les éditeurs WYSIWYG

• 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

• 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 dynamiques

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

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

Fonctionnalités multimédia

Enrichir un site avec du son

• Ajout d’éléments audio à une page web
• Prise en charge de multiples formats de fichiers

• Conversion aux formats H.264, Ogg et WebM avec Firefogg et HandBrake
• Sous–titrer une vidéo avec WebVTT (Web Video Text Tracks)