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.