Formation JavaScript perfectionnement et Ajax

Objectifs :
• Créer des interactions et gérer les événements utilisateur avec le JavaScript moderne (ES6+).
• Manipuler le DOM et appliquer des effets aux éléments HTML sans bibliothèque externe.
• Structurer un code réutilisable (fonctions, modules) et respecter les bonnes pratiques.
• Écrire des requêtes asynchrones avec fetch / async-await et échanger des données au format JSON avec un serveur.
• Diagnostiquer et fiabiliser son code, en s’appuyant si besoin sur un assistant de code par IA.

JavaScript moderne : les fondations
• L’évolution du langage : d’ES5 à ES6+ (et pourquoi jQuery n’est plus nécessaire)
• let, const, portée et fonctions fléchées
• Chaînes de gabarits, déstructuration, spread/rest, valeurs par défaut
• Les bonnes pratiques et la performance ; le chargement des scripts (defer, type=module)
• Les outils de développement du navigateur (console, debugger)

Cibler et manipuler le document (DOM natif)
• Sélectionner des éléments : querySelector / querySelectorAll
• Créer, modifier et supprimer des éléments
• classList, attributs, contenu et valeurs de formulaires
• Interagir avec les styles CSS ; dimensions et positionnement
• Parcourir le document : parents, enfants, frères

Les événements
• addEventListener et la gestion des gestionnaires d’événements
• Souris, clavier, formulaires et autres événements
• La propagation (capture / bubbling) et la délégation d’événements

Effets et animations
• Apparition, disparition et transitions
• Privilégier les animations CSS et l’API Web Animations
• Déclencher et synchroniser des animations en JavaScript

Structurer son code
• Fonctions, closures et bonnes pratiques
• Les modules JavaScript (import / export)
• Réutiliser du code : de la logique de « plug-in » aux composants
• Notions de gestion des dépendances (npm, aperçu)

Programmation asynchrone et API
• Le modèle asynchrone : callbacks, promesses (Promise), async / await
• L’API fetch (remplaçante de $.ajax / XMLHttpRequest)
• Le protocole HTTP : méthodes GET, POST… et les codes de réponse
• Consommer une API REST et manipuler le JSON
• Le chargement de contenu dynamique et la gestion des erreurs
• Notions sur les API modernes (JSON, aperçu de GraphQL)

Aller plus loin
• Le stockage côté client (localStorage, sessionStorage) et la détection de fonctionnalités
• Sécurité de base et bonnes pratiques
• Interagir avec un langage serveur et une base de données (principe)
• Maintenir du code existant en jQuery : reconnaître et migrer vers le natif

L’IA comme assistant de code
• Générer, expliquer et corriger (debug) du JavaScript avec un assistant IA (ex. GitHub Copilot)
• Bonnes pratiques : relecture, compréhension du code, tests et sécurité
• Limites et responsabilité du code produit