Développez des applications HTML5 et JavaScript API
Durée : | 3 jour(s) |
Tarif : | Consultez-nous |
DEMANDE DE DEVIS SANS ENGAGEMENT - CLIQUEZ ICI
Public :
- Architectes Web, concepteurs Web, développeurs Web.
Objectifs :
- Développer une application cliente en JavaScript utilisant les dernières fonctionnalités implémentées par les navigateurs.
Pré-requis :
- Maîtrise des langages HTML et CSS ;
- Connaissances des bases de la programmation JavaScript ou avoir suivi le cours " T44A-010 - Dynamiser vos sites Web avec JavaScript ".
Introduction
- JavaScript et les navigateurs
- Nouveautés HTML5
- Nouveautés CSS3
- Environnement de développement et de débogage
Concepts avancés du langage JavaScript
- Fonctions
- Tableaux et Objets
- Propriété prototype
- Concepts Objet et Classes
- Namespace
Interagir avec le DOM
- Rechercher les éléments avec les fonctions querySelector() et querySelectorAll()
- Parcourir le DOM
- Modifier la présentation et le contenu du DOM
- Modifier la structure du document
Gestion avancée des événements
- Intercepter les événements avec la fonction addEventListener()
- Comprendre la propagation des événements
- Objet Event
- Création d'événements personnalisés
Nouvelles interactions utilisateur
- Mettre en œuvre les actions de Glisser/Déposer
- Ajouter des informations sur demande avec les éléments Details et Summary
- Activer les contenus modifiables
- Autoriser l'affichage plein écran
Communication réseau
- L'objet XMLHttpRequest 2
- Configurer une requête Ajax
- Format d'échange JSON
- L'événement progress
- Gestion du cache en mode déconnecté
- Détection des événements online et offline
Persistance des données
- Utilisation du contexte local storage
- Utilisation du contexte session storage
- Sauvegarder le paramétrage d'une application
- Mise en œuvre des bases de données SQLite ou IndexedDB
Gestion de fichier
- Découvrir l'API File
- Lecture/Ecriture de document sur le poste client
- Gestion d'événements avancés tels que les notifications et le glisser/déposer " système "
Interagir avec les contenus multimédia
- Contrôler la lecture des éléments Audio et Video
- Créer des animations avec l'élément Canvas et l'API Draw2D
Mettre en œuvre la géolocalisation
- API geolocation
- Obtenir les informations de positionnement
- Utiliser les API Google Maps : Traduire une position en adresse physique, Afficher une carte, etc.