HTML5, maîtriser les API JavaScript

Présentation de la formation

Vous apprendrez dans cette formation à mettre en œuvre 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.

Programme de la formation

Objectifs pédagogiques

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

Pré-requis

Aucun.

Contenu de la formation

Introduction

  • Les nouveautés HTML5 : 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 œuvre 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.

Méthodes & moyens

Explications théoriques suivies de pratiques guidées puis mises en autonomie

  • 1 vidéoprojecteur par salle
  • 1 ordinateur par stagiaire

Profil du formateur

Nos formateurs sont certifiés à l’issue d’un parcours organisé par nos soins. Ils bénéficient d’un suivi de compétences aussi bien au niveau technique que pédagogique.

Devis

    captcha

    Infos Pratiques

    Durée : 2 jours
    Prix : A définir
    Lieu: A définir

    Contactez Nous

      captcha

      Formations Planifiées Prochainement

      Comments are closed.