Introduction
- HTML, CSS et JavaScript
- Rôle du JavaScript dans un site Web
- Imbrication de JavaScript dans HTML
- Conventions de codage
- Console, débogage et outils des navigateurs
- Environnement de développement et de débogage
Notions fondamentales
- Vue d’ensembles des balises HTML
- Attributs HTML et Evénements
- Création et intégration d’une feuille de style CSS
- Sélecteurs CSS simple
- Héritage et cascades
Mise en forme avancée en CSS3
- Sélecteurs CSS3
- Pseudo classes et pseudo éléments
- Transformations / Transitions
- Media Queries et Responsive Design
La syntaxe JavaScript
- Déclaration des variables
- Les tableaux
- Les opérateurs et expressions
- Les fonctions : déclaration et appel
- Les objets globaux
L’approche objet en JavaScript
- Fonctions anonymes et encapsulation
- Objets
- Propriété prototype
- Casses et héritage
- Constructeurs et accesseurs
Manipulation de collections
- Création / Insertion
- Parcours, tri, filtre et transformation
Interagir avec le DOM
- Notion de nœud
- Parcourir et rechercher des éléments avec l’API Selector
- Modifier la présentation et le contenu du DOM
- Modifier la structure du document
- Modifier un élément HTML
Gestion avancée des événements
- Intercepter les événements
- Comprendre la propagation des événements
- Objet Event
Création de formulaire HTML5
- Structurer le formulaire
- Ajouter des éléments Input
- Créer des listes de valeurs
- Mis en forme et validation
- Ajouter des boutons de contrôle
Validation des formulaires
- Ecrire et lire dans les champs
- Champs obligatoire
- Valider les informations saisies
- Mise en œuvre des expressions régulières
- Activer et désactiver le bouton d’envoi
Communication réseau
- Définition d’un service REST
- L’objet XMLHttpRequest
- 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
Gestion de fichier
- Découvrir l’API File
- Lecture/écriture de document sur le poste client
- Gestion d’événements avancés tels que les notifications et le glisser-déposer système
Mettre en œuvre la géolocalisation
- API Geolocation
- Obtenir les informations de positionnement