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 : 2 jours
Lieux de formation :- Présentiel à Strasbourg
- Possible en groupe (intra-entreprise)
Cette formation constamment mise à jour avec les évolutions de HTML vous présente toutes les balises à connaître sur le bout des doigts pour maîtriser l'intégration web. Sémantique et structure des pages, fondement du langage et respect des bonnes pratiques pour 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.
Que va vous apporter cette formation ?
- Un panorama complet des éléments HTML
- Une meilleure connaissance du fonctionnement du navigateur web
- La découverte de plusieurs API HTML
- Toutes les bonnes pratiques actuelles pour l'intégration
Introduction
- Historique de HTML
- Fondements de l'évolution
- Syntaxe doctype et outils
- Support par les navigateurs
- Versions et Living Standard
Éléments de structure
- Sections (
<header>
,<footer>
,<nav>
,<aside>
...) - Balises sémantiques (
<time>
,<figure>
,<figcaption>
) - Balises variées (
<details>
,<summary>
,<mark>
,...) - Attributs globaux
Web forms et File API
- Formulaires et types pour
<input>
- Attributs de formulaires
- Styles CSS pour champs valides et invalides
- Lire les fichiers locaux
- É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 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. Un bilan des acquis est effectué à l'issue de la formation par questionnaire individuel en ligne et par les exercices réalisés durant la session.
Modalités de positionnement et d’évaluation
Le positionnement à l'entrée est évalué par questionnaire individuel en ligne (comportant des questions relatives au profil, aux attentes, aux connaissances initiales et aux prérequis techniques) ainsi que par échange e-mail lors de la prise de contact et de la préparation du dossier. Un entretien préalable par visioconférence a lieu dans le cas des groupes en intra.
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.
Avant cette formation, préparez-vous avec :
À la suite de cette formation, nous vous recommandons :
Témoignages
Ils ont aimé
Travail parfait en tout points de vue, tant sur le fond que la forme et les méthodes pédagogiques utilisées. J'ai particulièrement aimé les annotations (en vert, en rouge) sur les écrans projetés sur le tableau sur le plan "du visuel" ;-) Calme olympien du formateur, ce qui est plutôt agréable sur ce type de formations ! Niveau élevé du groupe, à déconseiller aux vrais novices.
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.
Excellente formation. Enchaînement des exercices très adapté. Animateur très compétent et pédagogue.
Envie de connaître la date
de nos prochaines formations ?
Nous contacter
Téléphone : 09 54 96 50 50 Adresse e-mail : contact alsacreations point fr
Alsacréations10 Place du Temple Neuf
67000 Strasbourg, France