JavaScript Avancé APIs et HTML5

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.

À 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