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.

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

À la fin de la formation, vous savez exploiter les principales nouveautés de HTML5 et la philosophie des API, tout cela 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

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 à 7 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 stagiaires et le formateur.
Sanction : attestation de fin de stage.

Introduction

  • Historique
  • Fondements de l'évolution
  • Syntaxe, nouveau doctype et outils
  • La question des navigateurs et de leur support

Nouveaux éléments

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

Web forms ou les formulaires aux vitamines

  • Nouveaux types pour <input>
  • Nouveaux attributs de formulaires
  • Styles CSS applicables pour la validation
  • 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

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.

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é

Formation très sympathique, rien à redire ! J'ai appris plein de choses. L'alternance cours exo est très agréable et les formateurs de qualités. Un grand merci.
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.
Je n'ai que du bien à dire de ces formations, les attentes sont vites ciblés, les cours sont compréhensibles et efficaces et les formateurs sont d'un très grand professionnalisme. L'ambiance est très sympa et relax malgré tout les objectifs sont atteints sans problèmes, grâce a vous je me sens sens moins perdu dans cette immensité qu'est le web ^^. Vous avez su me donner les bases et j'en ferai bon usage dans ma nouvelle vie professionnelle.

Validez vos connaissances avec la certification HTML / CSS Alsacréations

La Certification “HTML/CSS” Alsacréations est une validation de vos acquis d'intégrateur ou développeur front-end. Elle est un gage de compétences, vous permet de vous auto-évaluer et peut être mise en avant sur votre CV : votre score reflète des compétences professionnelles spécifiques que les employeurs apprécient.

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