Développez des applications HTML5 et JavaScript API

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

Contenu pédagogique

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.