
Le module OFPPT M105 pas à pas : fondamentaux de JavaScript, manipulation du DOM, événements, formulaires, jQuery et AJAX. Vidéos minutées et exercices corrigés.
JavaScript est le langage qui rend les pages web vivantes : il réagit aux clics, modifie la page sans la recharger, valide les formulaires et dialogue avec les serveurs. C'est le seul langage de programmation compris par tous les navigateurs, et la base de tous les frameworks modernes (React, Vue, Angular).
Ce cours suit le plan officiel du résumé théorique OFPPT M105 (filière Développement digital, 120 heures) : mêmes parties, mêmes chapitres et mêmes exemples. Les erreurs et les pratiques dépassées du résumé sont signalées et corrigées.
Le cours est organisé en 5 modules et 15 chapitres :
Module 1 · Définir le rôle de JavaScript dans le développement Tu comprends la différence entre un langage compilé et un langage de script, le fonctionnement client/serveur (DNS, HTTP, codes d'état) et les outils du développeur : VS Code, la console du navigateur, jQuery, React, Vue et Angular.
Module 2 · Acquérir les fondamentaux de JavaScript Tu maîtrises les variables, les types, les opérateurs, les conditions et les boucles, puis les fonctions et les fonctions fléchées, les callbacks, les promesses et async/await, les exceptions, et les objets : tableaux, chaînes, dates, Math, expressions régulières et JSON.
Module 3 · Manipuler les éléments d'une page avec le DOM Tu comprends l'arbre DOM et la navigation entre les nœuds, tu sélectionnes les éléments avec querySelector, puis tu crées, modifies et supprimes des éléments, leurs styles, leurs classes et leurs attributs.
Module 4 · Gérer les événements utilisateur Tu réagis aux clics, aux mouvements de la souris et au clavier avec addEventListener, tu comprends la propagation et la délégation, puis tu lis, interceptes et valides les formulaires.
Module 5 · Manipuler jQuery Tu utilises jQuery pour sélectionner, animer et gérer les événements, tu intègres des plugins, puis tu échanges des données avec un serveur sans recharger la page grâce à AJAX : XMLHttpRequest, jQuery et l'API fetch. Tu termines par un examen blanc et une fiche mémo.
Ce qui rend ce cours efficace :
Prérequis : connaître les bases du HTML et du CSS (les cours HTML et CSS suffisent). Il te faut un ordinateur, un navigateur (Chrome ou Firefox) et VS Code avec l'extension Live Server.
À la fin du cours, tu sauras écrire du JavaScript propre et moderne, rendre une page interactive, valider un formulaire et charger des données depuis un serveur.