Formation HTML5, maîtriser les API JavaScript


Objectifs
  • Mettre en oeuvre les différentes API JavaScript proposées par les nouvelles spécifications HTML5
Participants
  • Développeur Web
  • Chef de projet Web
Approche Pédagogique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
  • Durée : 2 jours
  • Réf. : WEB50

Dates de Formations

07 et 08 Mai 2019

09 et 10 Juil. 2019

12 et 13 Sept. 2019

19 et 20 Nov. 2019

Programme
  • 1/ Introduction
    • • Organismes de standardisation : WHATWG et W3C, standards et validation
    • • Roadmap HTML5 et état de l’art
    • • Ressources côté navigateur : les API et leur implémentation dans le code client
    • • Connaître le support navigateurs
  • 2/ Du site web à l'appli web
    • • Panorama des environnements de développements
    • • SDK Androïd, SDK Apple, javascript
    • • Implémentation des API avec JavaScript : JavaScript natif, jQuery, jQuery, Cordova...
  • 3/ Audio et 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é
  • 4/ Dessiner en HTML5
    • • Canvas 2D et canvas 3D
    • • Canvas vs SVG ?
    • • Réaliser un graphique en canvas
    • • Data vizualisation
  • 5/ API Drag & Drop
    • • Principes du drag and drop
    • • Exemple d’une page réarrangeable
    • • Utilisation conjointe de file API pour réaliser un téléchargement de fichier côté client
  • 6/ API Web Workers
    • • Calcul parallèle en JavaScript
    • • Comparaison de calcul avec et sans workers
    • • Implémenter et utiliser un worker
    • • Limitation des workers
    • • Transfert de données (chaîne, JSON) à un worker
    • • AJAX avec un worker
    • • Workers partagés
  • 7/ API de géolocalisation
    • • Vue d'ensemble
    • • La vie privée de l'utilisateur
    • • Options de géolocalisation
    • • Exemple de localisation et affichage sur une carte
    • • Suivi de position avec la géolocalisation
  • 8/ API de stockage Web
    • • Les cookies
    • • Stockage local et en session
    • • Limites
    • • Exemple de panier d’achat
  • 9/ API Websockets
    • • Le protocole WS
    • • WS vs HTTP
    • • Requis côté serveur
    • • Exemple de liaison client-serveur utilisant le protocole WS
  • 10/ Autres API
    • • File API, Browser history API, Manifest, WebGL API, Offline Applications API, Editing API, Messaging and Communication API
  • 11/ Compatibilité et repli
    • • Implémenter le repli systématique : la librairie Modernizr.js
    • • Les librairies polyfills