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
Contenu de la formation
- 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
Devis
Infos Pratiques
Contactez Nous
Formations Planifiées Prochainement
Comments are closed.