Formation HTML5

Apprenez à maîtriser le nouveau langage du Web, les médias audio/vidéo, les API telles que Canvas, la géolocalisation, Web Storage, Microdata.

Durée de formation : 3 jours

Lieux de formation :
  • Strasbourg
  • en intra-entreprise

Cette formation constamment mise à jour avec les évolutions de HTML5 vous guide dans les méandres des balises ajoutées, améliorées ou supprimées du langage. Gagnez du temps en découvrant celles qui fonctionnent ou celles qu'il faut oublier, pour une meilleure intégration sémantique des pages favorisant le référencement et l'accessibilité. Avec plusieurs exercices pratiques concrets, nous mettrons en oeuvre plusieurs API pour bien cerner leur fonctionnement et savoir tout ce que l'on peut faire de nos jours avec HTML et JavaScript.

Que va vous apporter cette formation ?

  • Un panorama complet des nouveaux éléments HTML5
  • Une meilleure connaissance du fonctionnement du navigateur web
  • La découverte de plusieurs API HTML5
  • Toutes les bonnes pratiques actuelles pour l'intégration

Introduction

  • Historique de HTML
  • Fondements de l'évolution
  • Syntaxe, nouveau doctype et outils
  • Support par les navigateurs
  • HTML 5.1, 5.2, 5.3 et Living Standard

Nouveaux éléments

  • Sections (<header>, <footer>, <nav>, <aside>...)
  • Balises sémantiques (<time>, <figure>, <figcaption>)
  • Balises variées (<details>, <summary>, <mark>,...)
  • Nouveaux attributs globaux

Web forms et File API

  • Nouveaux types pour <input>
  • Nouveaux attributs de formulaires
  • Styles CSS pour champs valides et invalides
  • Lire les fichiers locaux
  • Nouveaux éléments <output>, <progress>, <meter>, <datalist>...

Microdata

  • Balisage sémantique du contenu
  • Optimisation pour les moteurs de recherche
  • Attributs itemid, itemref, itemscope, itemtype, itemprop
  • Vocabulaires et Rich Snippets
  • Techniques d'intégration et outils

Audio/Vidéo

  • Balises <audio> et <video>
  • Support et formats, codecs vidéo et audio
  • Sources multiples
  • API de contrôle en JavaScript et événements
  • Gestion du plein écran (fullscreen)

Web Storage

  • Stockage local et stockage de session
  • Principes généraux de manipulation
  • Utilisation de JSON

Géolocalisation

  • Principes de géolocalisation
  • Se positionner (latitude, longitude)
  • Suivre une position et configurer la géolocalisation
  • Utiliser une carte Google Maps

Présentation d'autres API variées

  • Web Workers
  • Battery/Vibrate API
  • Page Visibility
  • Navigation Timing + Network Information
  • Server-sent Events
  • History API
  • Pointer Lock

Canvas et SVG : techniques et outils

  • Dessin en 2D
  • Tracé de formes et chemins
  • Couleurs, remplissages, dégradés
  • Images et motifs
  • Animations et jeux
  • L'alternative SVG
  • Pistes pour la 3D avec WebGL

Public

Cette formation s'adresse aux développeurs, intégrateurs et webdesigners désirant maîtriser la nouvelle norme du langage HTML pour le web et les applications web.

Objectifs

Savoir quelles sont les balises de HTML5 et leur usage. En exploiter les principales nouveautés, et connaître le fonctionnement des API présentées. Être capable de faire des choix sémantiques à l'aide du langage et concevoir toute page web dans le respect des standards de conception et des bonnes pratiques.

Prérequis

Connaître les bases de HTML, savoir se servir d'un éditeur de code/texte, avoir quelques petites notions de JavaScript ou d'un autre langage de programmation équivalent.

Moyens pédagogiques

Durant chaque formation, les participants et participantes auront l’opportunité de mettre en application leurs apprentissages grâce à de nombreux cas pratiques et exercices. Ces exercices seront ensuite corrigés et explicités par le formateur ou la formatrice. Dans le cas de sessions inter-entreprises, à Strasbourg ou à Paris, la formation est dispensée dans les salles pédagogiques adaptées à des apprentissages informatiques : capacité de 1 à 8 personnes, équipement informatique fourni pour chacun des stagiaires, vidéo-projecteur et paperboard.

Suivi et appréciation des résultats

L'exécution physique de l'action de formation est suivie à l'aide de feuilles de présence émargées par demi-journée par les participants et le formateur. Sanction : attestation de présence et bilan des acquis.

Dernière mise à jour de ces informations :

Besoin d'un financement ?

Une formation est un investissement : pour mieux vous permettre de vous former, des possibilités de financement vous sont proposées dont la prise en charge par votre OPCO.

Voir les différents financements

Avant cette formation, préparez-vous avec :

À la suite de cette formation, nous vous recommandons :

Témoignages

Ils ont aimé

Excellente formation. Enchaînement des exercices très adapté. Animateur très compétent et pédagogue.
La formation est assez dense mais très instructive. Assez clair, même si on ne connait pas parfaitement le JavaScript et les exercices sont intéressants et également instructifs. (Les repas proposés sont un gros plus :) ) Restez comme vous êtes! une super équipe, accueillante et très sympathique!
Le format m’a semblé idéal. La balance « exercices / théorie » favorisait vraiment la prise en main des technos évoquées, les exercices étaient motivants et variés. Je me suis amusé tout du long.

Envie de connaître la date
de nos prochaines formations ?

Calendrier des formations

Nous contacter

Téléphone : 09 54 96 50 50 Adresse e-mail : contact alsacreations point fr

Alsacréations
10 Place du Temple Neuf
67000 Strasbourg, France

En soumettant ce formulaire vous acceptez que les informations saisies soient utilisées pour permettre de vous répondre. Votre e-mail ne sera pas mémorisé pour un autre usage. En savoir plus