HTML5, maîtriser les API JavaScript

• 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

• 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.

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

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