Formation Maîtriser JavaScript pour des interfaces web dynamiques et interactives

01.Introduction au Web et JavaScript

02.Bases du langage JavaScript I

• —Variables (var, let, const) et types de données primitifs
• —Opérateurs arithmétiques, d'affectation, de comparaison
• —Conditions (if/else, switch)
• —Boucles (for, while, do/while)

03.Bases du langage JavaScript II

• —Fonctions : déclaration, appel, paramètres, retour
• —Portée des variables (globale, locale)
• —Tableaux (Arrays) : déclaration, manipulation (push, pop, length)
• —Objets littéraux : propriétés et méthodes

04.Le Document Object Model (DOM)

• —Qu'est-ce que le DOM ? Représentation arborescente
• —Sélection d'éléments : getElementById, querySelector, querySelectorAll
• —Navigation dans le DOM : parent, enfants, frères/sœurs
• —Modification du contenu textuel (textContent, innerHTML)

05.Manipulation des attributs et styles

• —Accès et modification des attributs (setAttribute, getAttribute, removeAttribute)
• —Manipulation des classes CSS (classList.add, remove, toggle, contains)
• —Modification directe des styles (style.property)
• —Création et insertion d'éléments (createElement, appendChild, insertBefore)

06.Gestion des événements

• —Le concept d'événement et le modèle d'écoute
• —addEventListener : syntaxes et meilleures pratiques
• —Événements courants : click, submit, keydown, mouseover
• —L'objet Event (e.target, e.preventDefault)

07.Formulaires et validation côté client

• —Récupération des valeurs des champs de formulaire
• —Gestion de l'événement submit
• —Validation basique des entrées utilisateur
• —Affichage de messages d'erreurs clairs

08.Fonctions avancées et programmation asynchrone

• —Fonctions fléchées (Arrow Functions)
• —Callback functions et leurs usages
• —Introduction à la programmation asynchrone : setTimeout, setInterval
• —Gestion simple des erreurs (try...catch)

09.Introduction aux promesses et Fetch API

• —Le problème du callback hell
• —Les Promesses : concept, états (pending, fulfilled, rejected)
• —Utilisation de Fetch API pour des requêtes HTTP GET
• —Traitement des réponses JSON

10.Manipulation avancée du DOM et animations

• —Déplacer et cloner des éléments DOM
• —Transitions CSS via JavaScript
• —Animations simples avec setTimeout/setInterval
• —Optimisation des performances DOM (reflow/repaint)

11.Stockage local et JSON

• —Web Storage API : localStorage et sessionStorage
• —Utilisation des données JSON.stringify() et JSON.parse()
• —Cas d'usage : persistance de données utilisateur, panier
• —Sécurité et limites du stockage local

12.Projet Pratique et Bonnes Pratiques

• —Réalisation d'une application dynamique simple (ex: ToDo List)
• —Structuration du code JavaScript (modules, fonctions)
• —Bonnes pratiques de développement : commentaires, lisibilité
• —Débogage avec les outils de développement du navigateur
• —✅ Compétences :