Formation JavaScript

Programme de notre formation JavaScript : Fondamentaux

Introduction à 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 : Mise en place de l’environnement et premier script « Hello World ».

Les variables, types et conditions

• Déclaration de variables (let, const, var) et portée (block, global, function)
• Types primitifs et conversions de type
• Opérateurs (arithmétiques, logiques, comparatifs)
• Chaînes de caractères : template literals, méthodes essentielles
• Conditions : if/else, switch, opérateur ternaire
• Gestion des exceptions (try/catch/finally, throw)
• Atelier pratique : Mini‑quiz interactif dans la console

Structures de contrôle et boucles

• for, while, do…while
• for…of, for…in, forEach
• Prédominance des opérateurs
• Atelier pratique : Générateur dynamique de tables de multiplication

Fonctions et portée avancée

• Fonctions déclarées, expressions, fléchées
• Paramètres par défaut, rest & spread, destructuring
• Closures et IIFE
• Atelier pratique : Générateur de citations aléatoires

Collections : Tableaux, Sets, Maps & Tuples

• Création et initialisation
• Méthodes clés (map, filter, reduce, find, some, every)
• Tuples (introduction via arrays immuables), Set & Map
• Atelier pratique : Gestion d’une Todo‑list en mémoire

Objets JavaScript

• Littéraux, constructeurs, prototypes
• Classes ES6, héritage
• JSON : sérialisation et parsing
• Atelier pratique : Modéliser un panier e‑commerce

Le DOM et les événements

• Sélection et manipulation des éléments
• Gestion du style et des classes
• Ajout, suppression et délégation d’événements
• Responsive design (flexbox, grid, media queries)
• Atelier pratique : Création d’un menu burger responsive

JavaScript asynchrone

• Promises, async/await
• Fetch API, gestion des erreurs réseau
• Atelier pratique : consommer une API publique et afficher les données

Modules et organisation du code

• ES Modules : import/export
• Bundling rapide (Vite/Webpack introduction)
• Testing unitaire avec Jest
• Atelier pratique : Refactorisation modulaire de la Todo‑list + tests

API Web côté client

• Stockage local (localStorage, sessionStorage, IndexedDB)
• API audio/vidéo (MediaDevices, Web Audio)
• API géolocalisation et canvas
• Atelier pratique : Enregistrement audio simple dans le navigateur

Concepts avancés

• Web Components
• Service Workers et PWA
• Introduction à TypeScript
• Atelier pratique : Transformer l’application API en PWA installable