Programme de la formation
Maîtriser Ajax : Développement Web Côté Client Interactif et Dynamique

• 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

• 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

• 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)

• 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

• 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

• 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)

• Traitement des données : JSON
• Traitement des données : XML
• 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())

• 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

• 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

• 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