Formation Développement HTML 5Nouvelles balises, API et fonctionnalités

Objectifs

Technologie clé du Web des prochaines années, le langage HTML passe progressivement à la version 5. Cette dernière promet une programmation simplifiée, mettant l'accent sur les interactions avec les utilisateurs. Cela entraîne l'apparition de nombreuses fonctionnalités nouvelles. Dans le monde de l'instantanéité, HTML 5 apparaît comme une solution incontournable pour la navigation interactive.

Comment faire pour bien s'y préparer ? Quelles sont les évolutions par rapport à HTML 4 ? Comment intégrer les nouvelles fonctionnalités proposées ? Comment se positionne HTML 5 dans les technologies web ? Cette formation vous propose un passage en revue des fonctionnalités de l'HTML 5 et une mise en pratique facile des principales fonctionnalités.

A qui s'adresse cette formation ?

Cette formation s'adresse aux développeurs et chef de projet de site web ou intranet désireux d'apporter la meilleure expérience à leurs utilisateurs. Elle s'adresse également à tout responsable désireux de mettre à jour ses compétences dans ce domaine.

Programme

Premier jour

1. Introduction

• Les fonctionnalités et limites d'HTML 4
• Les conditions d'arrivée de l'HTML 5
• Les problématiques auxquelles l'HTML 5 veut répondre
  - Gestion des modes déconnectés
  - Rich User Interaction
  - Performance des Rendus et améliorations 2D/3D
  - Interprétation de la signification des contenus
  

2. Comprendre les nouvelles balises et API

• Les fonctionnalités simples
  - La gestion sémantique du contenu d'une page web grâce aux balises
  < section > , < header > / < footer > , < article >
  - Une gestion des types complexe par, entre autres, l'intermédiaire de la balise < time >
  - Manipulons ces balises
  - La géolocalisation
  - Travaux pratiques : Un exemple simple pour une première mise en pratique
  
• Évènements et caches
  - Les fonctionnalités
  Gestion de cache d'applications
  Stockage local
  webSQL, base de données indexées,
  Gestion des events on & offline ...
  - Travaux pratiques : réalisation d'une application de gestion de ToDo List
  Introduction
  Qu'est-ce que IndexedDB ?
  Pourquoi IndexedDB ?
  Modes asynchrones et transactionnels
  Implémentation : ouvrir la base de données, créer un Object Store, ajouter des données à un ObjectStore, accéder en requêtes à ce stockage local, supprimer des données d'une table, assemblage de l'ensemble
  Le résultat final
  
• L'accès au système de fichiers
  - Les fonctionnalités
  Parcours d'arborescence disque
  Gestion du glisser/déposer
  - Travaux pratiques : Introduction au Drag & Drop
  Introduction
  Pose de l'environnement de l'exemple
  La gestion des évènements
  Le résultat final
  

Deuxième jour

• La gestion du multimédia
  - Les fonctionnalités
  Les nouvelles balises : < audio > / < video >
  Configuration de la présentation des contenus CSS 3 et WebFont.
  La gestion de graphique poussée (2D/3D) : 2D Canvas, WebGL,
  SVG, balise < canvas >
  - Travaux pratiques : tournons la page de manière interactive
  Introduction pour réaliser un rendu "à la iBooks"
  Les balises utilisées
  Un peu de logique
  Le travail du rendu
  Le résultat final : Page Flip Demo
  - Travaux pratiques : du triangle à la sphère texturée et éclairée
  Introduction à la modélisation 3D
  Les primitives de base
  La notion de texture
  Éclairer une scène
  Le résultat final
  

3. Cerner le périmètre d'usage de l'HTML5

• Une norme encore en évolution
• Différences avec les applications natives sur les mobiles
  - Revirement d'Apple avec l'iPhone
  - Positionnement de Google
  
• Quels navigateurs pour l'HTML5
  - Leur évolution
  - L'obsolescence de versions encore majoritairement déployées
  

4. Retours d'expérience

• Améliorer sa productivité grâce à des Frameworks
  - Panorama des environnements de développement
  - Quels outils pour quelles fonctionnalités
  
• Identifions les pièges à éviter pour la création d'une WebApp ou pour la migration d'un site web existant
• Les bonnes pratiques issues de retours d'expériences clients

Formateur

Cette formation est animée par Gabriel Chatrousse.

Consultant sénior chez Nexworld. Il accompagne les entreprises dans la modernisation et la transformation de leur système d'information afin, entre autres, de permettre une meilleure communication avec les nouveaux usages, notamment Internet et les applications mobiles.