AVANT LA FORMATION
- Entretien téléphonique avec le formateur afin de personnaliser votre formation.
- Le programme de formation ci-dessous pourra donc être modifié gratuitement en fonction de vos attentes.
JOUR 1
Matin
Introduction
- Présentation des organismes de standardisation : WHATWG et W3C, standards et validation
- Roadmap HTML5 et état de l'art
- Les ressources côté navigateur (les API et leur implémentation dans le code client)
- Connaître le support navigateur
Du site web à l'application web
- Panorama des environnements de développement
- SDK Androïd, SDK Apple, javascript
- Implémentation des API avec JavaScript (JavaScript natif, jQuery, jQuery, Cordova...)
L'audio et la video en HTML5
- Les nouveaux éléments audio et video et les attributs associés
- Les formats supportés par les navigateurs
- Réaliser un lecteur personnalisé
Après-midi
Dessiner en HTML5
- Canvas 2D et canvas 3D
- Canvas contre SVG, que choisir ?
- Réaliser un graphique en canvas
- Data visualisation
API Drag & Drop
- Les principes du drag & drop
- Exemple d'une page ré-arrangeable
- Utilisation conjointe de file API pour réaliser un téléchargement de fichier côté client
API Web Workers
- Calcul parallèle en JavaScript
- La comparaison de calcul avec et sans workers
- Implémenter et utiliser un worker
- La limite des workers
- Transférer des données (chaîne, JSON) à un worker
- AJAX avec un worker
- Workers partagés
JOUR 2
Matin
API de géolocalisation
- Vue d'ensemble
- La vie privée de l'utilisateur
- Les options de géolocalisation
- Exemple de localisation et affichage sur une carte
- Suivi de position avec la géolocalisation
API de stockage Web
- Les cookies
- Le stockage local et en session
- Les limites
- Un exemple de panier d'achat
API Websockets
- Le protocole WS
- WS contre HTTP
- Requis côté serveur
- Exemple de liaison client-serveur utilisant le protocole WS
Après-midi
Les autres API
- Aperçu des diffirentes API (File API, Browser history API, Manifest, WebGL API, Offline Applications API...)
Compatibilité et repli
- Implémenter le repli systématique : la librairie Modernizr.js
- Les librairies polyfills
FIN DE LA FORMATION
- Débrief de la formation avec le formateur pour consolider vos connaissances.
