Mots clés associés :
Profils pour cette formation
Formation pour étudiants en informatique (B1/B2), développeurs juniors souhaitant consolider leurs bases JavaScript, intégrateurs HTML/CSS qui évoluent vers le développement web dynamique, et professionnels en reconversion. Convient également aux développeurs d'autres langages découvrant JavaScript.
Pré-requis
Bases du développement web nécessaires :
Connaissances de base en HTML et CSS (structure, sélecteurs, flexbox).
Notions élémentaires d'algorithmie (variables, conditions, boucles, fonctions).
Être à l'aise avec un éditeur de code et la ligne de commande.
Ordinateur
Plus de détails
Développement web avec JavaScript moderne – du navigateur à Node.js
Niveau : Débutant
Catégorie : Développement
Formateur : Andrew MAHE
Durée : 3 Jours
Référence : JS-AM-26
Description de la formation
Cette formation complète de 3 jours fait le tour de l'écosystème JavaScript moderne.
À travers 11 chapitres et un mini-projet final (application Cinéma connectée à l'API OMDb), les apprenants découvrent JavaScript côté navigateur (DOM, événements, stockage local) et côté serveur (Node.js, NPM), ainsi que les paradigmes clés du langage : programmation orientée objet avec les classes ES6, programmation asynchrone (Promesses, async/await), modules ES (import/export) et utilisation de bibliothèques populaires (Lodash, JQuery, Axios).
La formation commence par une introduction pratique à Git pour que chaque exercice soit versionné sur GitHub. Le projet final met en œuvre l'ensemble des compétences : consommation d'une API REST, manipulation du DOM, bundling et organisation modulaire du code.
Ajouter à un programme sur-mesureObjectifs
Maîtriser les fondamentaux du JavaScript moderne (ES6+) : variables, fonctions, objets, tableaux et leurs méthodes, classes, héritage et encapsulation.
Manipuler le DOM et gérer l'interactivité d'une page web (événements, stockage local/session) puis consommer une API REST via fetch en mode asynchrone (Promesses, async/await).
Structurer une application JavaScript en modules, utiliser NPM et Node.js pour installer des dépendances et orchestrer le projet, et livrer un site multi-pages déployable.
Programme de la formation
Jour 1 – Fondamentaux JavaScript (7h)
Chapitre 1 – Introduction à Git : histoire des VCS, Git, GitHub, commandes essentielles, workflow solo.
Chapitre 2 – Introduction à JavaScript : histoire, variables, déclarations (let/const), fonctions, flux d'exécution.
Chapitre 3 – Objets, tableaux et leurs méthodes : manipulation, méthodes fonctionnelles (map, filter, reduce, forEach).
Chapitre 4 – Classes et Programmation Orientée Objet : classes ES6, héritage, encapsulation, polymorphisme, concepts avancés.
Jour 2 – JavaScript pour le web (7h)
Chapitre 5 – JavaScript pour le web : contexte navigateur, DOM, événements, interactions utilisateur.
Chapitre 6 – Synchrone et Asynchrone : pile d'appel, Promesses, async/await, gestion d'erreurs.
Chapitre 7 – Requêtes HTTP en JS : HTTP, JSON, Fetch API, gestion des erreurs réseau.
Chapitre 8 – Bibliothèques : Lodash, JQuery, Axios – quand et comment les utiliser.
Jour 3 – JavaScript avancé et projet (7h)
Chapitre 9 – JS modulaire : contexte, import/export, cas avancés (exports nommés, dynamiques).
Chapitre 10 – Stocker des données côté client : Local Storage, Session Storage, bonnes pratiques.
Chapitre 11 – Introduction Node.js et NPM : environnement serveur, gestion de paquets, scripts.
Mini-projet Cinéma : site web multi-pages (accueil, recherche, détails) consommant l'API OMDb, avec bundling et organisation modulaire du code.
Méthode pédagogique
Formation orientée pratique (≈ 60 % d'exercices) en présentiel ou distanciel synchrone.
Chaque chapitre alterne théorie courte, démonstration live et exercices individuels. Les apprenants versionnent l'ensemble de leurs exercices sur GitHub dès le premier jour.
Un mini-projet fil rouge (Cinéma) est réalisé individuellement et fait l'objet d'une revue de code.
Supports : 11 présentations PowerPoint
Commentaires sur cette formation