Description

Vous apprendrez dans cette formation à mettre en oeuvre les différentes API JavaScript proposées par les nouvelles spécifications HTML5. Vous manipulerez ainsi celles dédiées au stockage des données, à la communication client/serveur ou encore à la géolocalisation.

À qui s'adresse cette formation ?

Pour qui ?

Développeurs Web. Chefs de projet Web.

Prérequis

Bonnes connaissances du langage HTML et de JavaScript.

Les objectifs de la formation

Gérer la persistance des données
Créer des applications en mode non connecté
Maitriser la communication Client/Serveur avec les Web sockets
Concevoir des mécanismes du glisser/copier (Drag'n'Drop)
Utiliser les API de localisation

Programme de la formation

• Introduction
  • Les nouveautés HTML 5 : les nouveaux éléments sémantiques, les principales balises, les formulaires.
  • Les nouveaux sélecteurs CSS : recherche d'éléments par Classe, par sélecteurs.
  • Travaux pratiques Recherche d'éléments par positionnement ou Classe.
• Gestion de la persistance
  • Vue d'ensemble des problématiques de stockage.
  • Stockage en local (localStorage), en session ou en base de données.
  • Création de bases, requêtes.
  • Outils d'administration sqLite.
  • Opérations SQL disponibles.
  • Travaux pratiques Création d'une table produit avec requêtage.
• Gestion du cache
  • Création d'application en mode non connecté.
  • Création du fichier manifest.
  • Prise en charge du mode déconnecté.
  • Evénements liés au gestionnaire de cache : événements offline, online.
  • Travaux pratiques Mise en place d'un mode déconnecté.
• Communication Client/Serveur
  • Communication crossDomain.
  • Cross Document Messaging.
  • API PostMessage.
  • Types de communication : polling, long-polling, streaming.
  • Ecouteur de messages émis par le serveur.
  • API EventSource.
  • XMLHTTPRequest Level 2.
  • Présentation Level 2.
  • Les événements de progression.
  • Communication multidocuments.
  • Communication Web sockets.
  • API et protocole.
  • Travaux pratiques Mise en oeuvre et comparaison des différents protocoles C/S.
• Gestion du glisser/copier
  • Mécanismes du glisser/copier (Drag'n'Drop).
  • API de manipulation du glisser/copier.
  • L'attribut draggable.
  • Propriété de comportements.
  • Les événements.
  • Possibilités et limites.
  • Transfert d'un fichier, d'une image par glisser/copier.
  • Travaux pratiques Gestion panier par glisser/copier.
• Géolocalisation
  • Vue d'ensemble de la géolocalisation.
  • Données privées.
  • Sources d'information de localisation.
  • Utilisation de l'API de localisation.
  • Respect de la vie privée.