En continuant à naviguer sur ce site, vous acceptez l'utilisation des cookies afin de vous proposer des services et une offre adaptés à vos centres d'intérêts. En savoir plus

LEARNING TREE INTERNATIONAL

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

Certification / expertise

4 jour(s)

2220 € HT

Organisme privé de formation continue

Objectifs

À propos de cette formation HTML 5 : HTML5 permet aux développeurs d'optimiser l'expérience utilisateur sur les navigateurs de bureau, les smartphones et tablettes. Vous appliquez les bonnes pratiques et les normes émergentes pour le balisage HTML, la mise en forme CSS et la programmation JavaScript pour optimiser vos applications web, améliorer la performance des sites, l'accessibilité et les moteurs de recherche.

Vous apprendrez à :
  • Exploiter HTML5 pour concevoir des sites modernes riches en fonctionnalités.
  • Améliorer le SEO/a11y avec les éléments sémantiques, les rôles ARIA et les microdonnées.
  • Créer des présentations accrocheuses et professionnelles avec CSS3.
  • Programmer des applications Internet riches avec les API JavaScript.


Programme

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

  • Démystifier HTML5.
  • Optimisation régressive 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.
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 CSS3 :

Manipuler 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éolocalisation :

Permettre 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 HTML5 :

Appliquer 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 formulaires 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 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.
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édia :

Enrichir 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).

 

Cette formation vous intéresse ? Demandez à vous faire rappeler !

Les prochaines sessions

À Paris

Sur l'année 2017

Centre

LEARNING TREE INTERNATIONAL
33 avenue du Maine
75015 Paris 15 ème arrondissement


Les internautes qui ont consulté cette annonce ont aussi consulté:

En résumé

Objectif

Certification / expertise

Durée

4 jour(s)

Coût

2220 € HT

Modes d'enseignement

En école ou centre de formation

Domaine

Programmation

Domaine secondaire

Internet - Web

Posez une question à notre responsable pédagogique
Recevez des formations similaires

Kelformation vous suggère des formations qui vous correspondent.

Inscrivez-vous et recevez directement les annonces par mail.