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

Objectifs

• Appréhender Javascript dans la construction de sites et applications web


• Maîtriser les fonctionnalités essentielles


• Manipuler les pages et les rendre dynamiques


• Gérer les/Réagir aux événements et accroître l'interactivité


• Développer en Responsive Design

Programme de la formation

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

Validation et sanction

Attestation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique