À l'issue de la formation, le participant sera capable de mettre en œuvre les compétences suivantes :
Connaître les nouvelles API JavaScript de HTML5 (géolocalisation, stockage de données, graphisme vectoriel...)
Maîtriser l'exploitation de ces nouvelles API HTML5 dans les applications sous JavaScript
Utiliser jQuery pour simplifier l'implémentation des API
Programmer un repli systématique des fonctionnalités via polyfills
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 navigateurDu site web à l'application webPanorama 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 HTML5Les 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 HTML5Canvas 2D et canvas 3D
Canvas contre SVG, que choisir ?
Réaliser un graphique en canvas
Data visualisationAPI Drag & DropLes 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é clientAPI Web WorkersCalcul 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éolocalisationAPI de stockage WebLes cookies
Le stockage local et en session
Les limites
Un exemple de panier d'achatAPI WebsocketsLe protocole WS
WS contre HTTP
Requis côté serveur
Exemple de liaison client-serveur utilisant le protocole WSAprès-midi
Les autres APIAperçu des diffirentes API (File API, Browser history API, Manifest, WebGL API, Offline Applications API...)Compatibilité et repliImplémenter le repli systématique : la librairie Modernizr.js
Les librairies polyfills
FIN DE LA FORMATIONDébrief de la formation avec le formateur pour consolider vos connaissances.
Le Compte Personnel de Formation (CPF) est un dispositif français permettant à chaque actif d'acquérir des droits à la formation tout au long de sa vie professionnelle. Ces droits, cumulés en euros, servent à financer des formations certifiantes pour développer ses compétences ou changer de métier.
Je souhaite financer la formation avec le CPF