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

Programme de la formation
Maîtriser JavaScript pour des interfaces web dynamiques et interactives

• Introduction au Web et JavaScript
• 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)

• 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

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

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

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

• 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

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

• 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

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

• 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

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