Formation Maîtriser Ajax : Développement Web Côté Client Interactif et Dynamique

01.Introduction à AJAX et les bases du Web dynamique

• —Définition et principes d'Ajax
• —Rôle d'Ajax dans le développement web moderne
• —Rappel HTTP: requêtes, réponses, méthodes courantes
• —Synchronisation vs. Asynchronisation

02.Le navigateur comme client et JavaScript asynchrone

• —Le modèle événementiel du navigateur
• —Rappel: Objets intrinsèques de JavaScript (Date, Math, String, RegExp)
• —Introduction aux fonctions de rappel (callbacks)
• —Promesses et async/await pour la gestion asynchrone

03.L'objet XMLHttpRequest (XHR) : Fondamentaux

• —Instanciation et cycle de vie de XHR
• —Propriétés essentielles (readyState, status, responseText)
• —Méthodes open(), send(), setRequestHeader()
• —Gestion des événements (onload, onerror, onprogress)

04.Requêtes GET avec XMLHttpRequest

• —Construction d'une URL de requête GET
• —Envoi de paramètres via l'URL
• —Récupération et affichage simple de données texte
• —Bonne pratique: gestion des codes de statut HTTP

05.Requêtes POST avec XMLHttpRequest

• —Envoi de données de formulaire (form-urlencoded)
• —Envoi de données en JSON
• —Configuration des entêtes Content-Type
• —Implémentation d'un formulaire de soumission asynchrone

06.Interaction avec le DOM : Mise à jour dynamique

• —Sélection d'éléments HTML avec JavaScript
• —Modification du contenu textuel et HTML (innerHTML, textContent)
• —Ajout/Suppression de classes CSS
• —Insertion et suppression d'éléments (appendChild, removeChild)

07.Traitement des données : JSON

08.Traitement des données : XML

09.Fetch API : L'alternative moderne

• —Introduction à Fetch API
• —Requêtes GET et POST avec Fetch
• —Gestion des promesses de Fetch
• —Traitement simplifié des réponses (response.json(), response.text())

10.Gestion des erreurs et feedback utilisateur

• —Gestion des erreurs réseau (offline, timeout)
• —Affichage de messages d'erreur pertinents
• —Indicateurs de chargement (loaders, spinners)
• —Annulations de requêtes Ajax

11.Cas pratiques et bonnes pratiques Ajax

• —Implémentation d'une auto-complétion
• —Chargement infini de contenu (infinite scroll)
• —Sécurisation minimale des requêtes Ajax (CSRF, XSS)
• —Optimisation des performances des requêtes

12.Déploiement et tests d'applications Ajax

• —Outils de débogage du navigateur pour Ajax (Network tab)
• —Conception d'APIs RESTful pour Ajax
• —Utilisation de Postman pour tester les APIs
• —Présentation d'une application Ajax complète