Formation JavaScript

• Qu’est-ce que JavaScript ?
• Évolution ES et standardisation (ES6+)
• Ajouter du code JavaScript sur une page web (script, module, async, defer)
• Manipuler des fichiers et modules JS
• Détecter et corriger les erreurs (console, debugger)
• Outils de développement modernes (DevTools, ESLint, Prettier)
• Atelier pratique : Initialiser le projet CRUD (interface HTML + affichage console).

Fonctions et structuration du projet

• Fonctions déclarées, expressions, fléchées
• Paramètres par défaut, rest & spread, destructuring
• Closures et IIFE
• Arguments, retour et scope
• Modularité du code (fonctions réutilisables)
• Débogage efficace (logs)
• Atelier pratique : Écrire des fonctions pour gérer l’ajout structuré de tâches.

• Méthodes clés (map, filter, reduce, find, some, every)
• Tuples (introduction via arrays immuables), Set & Map
• Gestion des états via tableaux
• Manipulation dynamique DOM
• Structures de données complexes
• Atelier pratique : Afficher clairement les tâches avec statut dans une liste dynamique.

Objets et gestion structurée des données

• Objets littéraux (JSON-like)
• Méthodes objets et propriétés
• Destructuration/spread
• Stockage local (localStorage)
• Atelier pratique : Stocker et récupérer les tâches dans le localStorage.

JavaScript Orienté Objet et modification dynamique

• Classes ES6 (constructeur/méthodes)
• Gestion état via classes
• Héritage simple
• Prototypes
• Atelier pratique : Transformer les tâches en objets orientés classes avec méthode de modification.

Manipulation interactive du DOM

• Sélection et modification du DOM (querySelector, innerHTML, textContent)
• Création et modification d’éléments HTML
• Styles dynamiques via JS
• Gestion réactive du DOM
• Création dynamique d’éléments (createElement, appendChild, insertBefore)
• Modification des attributs HTML dynamiquement (setAttribute, classList)
• Suppression ou déplacement dynamique d’éléments (removeChild, remove)
• Atelier pratique : Construire dynamiquement l’affichage interactif des tâches CRUD dans l’application (ajout, modification, suppression visuelle immédiate).

Gestion des événements utilisateur

• Écoute d’événements (click, submit)
• Validation client
• Prévention propagation (preventDefault)
• Interface utilisateur interactive
• Réactivité des interfaces utilisateurs
• Atelier pratique : Implémenter la gestion complète d’événements pour CRUD (boutons ajout/modif/suppression).

Responsive Design avec JavaScript

• Détection dynamique taille écran (window.innerWidth, resize)
• Gestion événements adaptatifs (resize, orientation mobile)
• Classes CSS dynamiques (element.classList, adaptation styles)
• Optimisation affichage mobile (JS/CSS)
• Menus et interfaces mobiles interactifs (ouverture/fermeture dynamiques)
• Atelier pratique : Adapter dynamiquement l’application CRUD pour une navigation optimale sur mobiles, tablettes et écrans larges (ajout dynamique de classes CSS selon la taille écran).