JavaScript - Les fondamentaux : créer des sites web dynamiques et interactifs

    Programme : JavaScript Fondamentaux & Dynamisation Web (3 Jours)

    Jour 1 : Architecture Web, Environnement (NodeJS) & Syntaxe ES6+
    Écosystème : Rôle de JavaScript face au couple HTML5/CSS3, architecture du DOM et exécution des scripts côté client (navigateur) vs côté serveur (NodeJS).

    Syntaxes Core : Variables (let, const), fonctions fléchées, méthodes itératives (map, filter, forEach) et Programmation Orientée Objet (classes, héritage, getters/setters).

    Compatibilité : Gestion de la rétrocompatibilité, tables de correspondance, polyfills et introduction aux compilateurs.

    Pratique : Initialisation de scripts sous NodeJS/Navigateur et manipulation algorithmique de données.

    Jour 2 : API DOM, Flux JSON & Asynchronisme (AJAX)
    Dynamisation : Sélection, modification et insertion d'éléments via l'API DOM. Exploitation du format de données JSON et manipulation des attributs data-*.

    Interactivité : Gestion des événements (Event Listeners), mécanismes de fonctions de rappel (callbacks) et introduction aux traitements asynchrones.

    Pratique : Génération dynamique d'une liste de produits à partir d'un flux JSON et implémentation d'une requête AJAX pour sécuriser l'envoi d'un formulaire.

    Jour 3 : Responsive JS, Stratégies Mobile-First & Frameworks
    Adaptabilité : Gestion des résolutions en JavaScript via matchMedia, détection des terminaux par l'User-Agent et adaptations fonctionnelles selon le périphérique.

    Industrialisation : Limites du JS natif, comparaison entre Librairies et Frameworks (SPA, gestion d'état, routage) et gestion sécurisée des dépendances avec NPM.

    Pratique : Création d'une interface responsive adaptative (menu/onglets) et intégration d'une librairie graphique externe (ex: Chart.js).