|
DES RESSOURCES ET DES OUTILS AU SERVICE DES ACTEURS ET DES PROFESSIONNELS. |
JavaScript - Les fondamentaux : créer des sites web dynamiques et interactifsDate de mise à jour : 26/06/2026
| Identifiant OffreInfo : 15_729691 |
Carif-Oref Occitanie |
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).
Non certificiante
Sans niveau spécifique
Conventionnement : Non
Autre
Niveau d'entrée : Sans niveau spécifique
Posséder des connaissances en HTML et CSS Avoir des bases en programmation structurée Un questionnaire de positionnement sera réalisé au préalable pour adapter la formation à vos besoins