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.
Formation disponible
présentiel, individuel
Formation disponible présentiel, individuel.
Comment souhaitez vous suivre cette formation ?
Cette formation est disponible en présentiel, à distance ou en cours individuels. Suite aux changements récents du fonctionnement des comptes CPF, si nos liens CPF renvoient sur une erreur temporaire, merci de nous contacter au 04 42 31 43 55
Nous n'avons actuellement pas de dates, merci de nous contacter pour plus d'informations
Nous n'avons actuellement pas de dates, merci de nous contacter pour plus d'informations
Comment souhaitez vous suivre cette formation ?
Cette formation est disponible en présentiel, à distance ou en cours individuels. Suite aux changements récents du fonctionnement des comptes CPF, si nos liens CPF renvoient sur une erreur temporaire, merci de nous contacter au 04 42 31 43 55
Nous n'avons actuellement pas de dates, merci de nous contacter pour plus d'informations
Nous n'avons actuellement pas de dates, merci de nous contacter pour plus d'informations
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
