Formation JavaScript

Mise à jour : 2025
70 heures
Projets
Quiz

Apprenez JavaScript, le langage le plus utilisé au monde, essentiel pour créer des sites Web dynamiques et qui constitue la base des frameworks modernes comme React, Angular, et Vue.js.

4.9

1254 avis

24 780

inscrits

Les notions abordées dans la formation

Apprenez le JavaScript moderne avec ECMAScript 2025, à jour des dernières nouveautés.
Utilisez un environnement de développement professionnel avec Vite pour optimiser vos projets.
Maîtrisez les concepts avancés de JavaScript : fonctions, closures et callbacks.
Apprenez la manipulation du DOM et la gestion des événements pour des interfaces interactives.
Envoyez des requêtes Ajax et gérez l'asynchronie de manière moderne avec les promesses et async/await.
Construisez une plateforme de blog en suivant les bonnes pratiques du développement Web.
Comprenez en profondeur l'héritage prototypal et les classes en JavaScript pour un code réutilisable.
Débuggez efficacement votre code JavaScript avec VS Code et Chrome DevTools, sans utiliser console.log.

Qu'est-ce que JavaScript ?

Le JavaScript est le langage de programmation incontournable du Web et le plus utilisé au monde en 2025. Il permet de transformer des pages statiques créées avec HTML et CSS en sites Web interactifs et dynamiques. Grâce à JavaScript, vous pouvez ajouter des interactions utilisateur, gérer des événements comme les clics sur des boutons, créer des formulaires, récupérer des données, implémenter des systèmes d'authentification, et bien plus encore.

JavaScript est la pierre angulaire des frameworks modernes tels que React, Angular et Vue.js, qui facilitent le développement d'applications web robustes et performantes. Bien qu'il soit souvent perçu comme un langage facile à apprendre, sa maîtrise demande une compréhension approfondie de ses concepts avancés.

En apprenant JavaScript, vous vous préparez à intégrer des fonctionnalités essentielles dans vos projets web et à utiliser les technologies les plus récentes et les plus puissantes du développement web moderne. Que vous soyez débutant ou que vous cherchiez à approfondir vos compétences, une formation complète et à jour sur JavaScript est indispensable pour rester compétitif dans le domaine du développement web.

Les prérequis pour suivre cette formation

La formation est adaptée pour les débutants
Des connaissance en HTML & CSS sont nécessaires.

Obtenez un certificat de réussite

Pour chaque formation que vous accomplirez, vous obtiendrez une certification que vous pourrez partager sur Linkedin.

Projets réalisés pendant la formation

Nous utiliserons l'ensemble des fonctionalités de JavaScript pour mettre en place un projet complet dans lequel nous créerons un blog.

Plan de la formation

Afficher tout

Chapitre 1 : Introduction à JavaScript
4 leçons 00:35:56
- Qu'est ce que JavaScript ?
- Les versions du JavaScript et les problèmes de compatibilité
- Les principales caractéristiques de JavaScript
- A l'abordage !
Chapitre 2 : Mise en place de l’environnement
8 leçons 02:31:44
- Environnement Linux
- Installation et configuration de Vite
- Environnement macOS
- Comment fonctionne Vite ?
- Environnement Windows
- Les différentes façons d'utiliser du JavaScript dans un document HTML
- Introduction sur les différents outils
- La console JavaScript
Chapitre 3 : Les bases du JavaScript
9 leçons 02:39:44
- Approfondissement des opérateurs de comparaisons et logiques
- Objectifs du chapitre et les variables var
- Les variables let et const
- Les types en JavaScript
- Les opérateurs et les notions de précédence et d'associativité
- Remontée des déclarations ou hoisting
- Les notions de valeur et de référence
- Les conversions
- Opérateur de coalescence des nuls
Chapitre 4 : Les structures de contrôle : conditions et boucles
5 leçons 01:02:35
- Les instructions itératives : boucles while
- Les instructions conditionnelles : if, else, else if
- Les instructions itératives : boucles for
- Les instructions conditionnelles : les ternaires
- Les instructions conditionnelles : l'instruction switch
Chapitre 5 : Les nombres
5 leçons 00:59:24
- Les méthodes de Number
- Les méthodes disponibles en global
- L'objet natif Math
- Décimaux, exposant et notation scientifique
- Introduction et déclaration d'un nombre
Chapitre 6 : Les chaînes de caractères
5 leçons 01:21:20
- Les propriétés index et length
- Les méthodes disponibles sur les chaînes de caractères
- Les expressions rationnelles
- Les littéraux de modèle
- Introduction aux chaînes de caractères
Chapitre 7 : Les objets
12 leçons 02:21:55
- Raccourcis syntaxiques
- Les propriétés des objets
- Supprimer ou écarter des propriétés
- Comparer des objets
- Itérer sur des objets
- Copier un objet
- Introduction aux objets
- Tester l'existence et la valeur d'une propriété
- Fusionner des objets
- La décomposition d'objet
- Le format JSON
- Chaînage optionnel
Chapitre 8 : Les fonctions
12 leçons 03:17:33
- Valeur de retour des fonctions
- Environnement lexical et contexte d’exécution
- Paramètres, arguments et paramètres par défaut
- Les fermetures (closures)
- La chaine de portée
- Le mot-clé this
- Objet arguments et utilisation de l'opérateur Rest
- Les fonctions de rappel (callback)
- Les fonctions fléchées
- Définir ou lier this
- Les expressions de fonction et leur déclaration
- Namespace et IIFE
Chapitre 9 : Les tableaux
13 leçons 02:52:17
- Trouver des éléments dans un tableau
- Copier un tableau
- Supprimer des éléments dans un tableau
- Itérer sur un tableau
- Imbrication de tableaux
- Introduction aux tableaux
- Décomposition de tableaux et opérateur rest
- Trier un tableau
- D'autres méthodes de programmation fonctionnelle
- Introduction à la programmation fonctionnelle
- Fusionner des tableaux
- Accéder aux propriétés d'un tableau
- Ajouter des éléments à un tableau
Chapitre 10 : Les modules
4 leçons 01:04:32
- Réexporter et les imports dynamiques
- Introduction aux modules
- Exporter
- Importer
Chapitre 11 : Le DOM
11 leçons 03:11:33
- Créer des nœuds
- Supprimer et remplacer des nœuds
- Modification du style et des classes
- Attributs et propriétés
- Positionner des nœuds
- L'exemple de l'élément HTMLInputElement
- Modifier des éléments du DOM
- Introduction DOM, BOM, CORE et Window
- Le DOM HTML
- Sélectionner des éléments du DOM
- Utilisation de CSS avec Vite
Chapitre 12 : Les évènements
6 leçons 01:18:56
- Empêcher le comportement par défaut et l'objet event en détails
- Supprimer un gestionnaire d'événement et déclencher un événement
- Introduction aux évènements
- Le bouillonnement et la capture
- La méthode addEventListener()
- Utilisation des propriétés du DOM on*
Chapitre 13 : Projet 1 - Liste de tâches (todo list)
6 leçons 02:00:28
- Ajouter une todo
- Editer une todo
- Modifier le statut d'une todo
- Supprimer une todo
- Affichage des todos
- Présentation du projet Todo
Chapitre 14 : Gérer l'asynchrone sur un navigateur
7 leçons 02:17:48
- Chaîner les promesses
- Les fonctions asynchrones avec async / await
- Utilisation de polyfills avec Vite
- Les méthodes des promesses
- Les promesses
- Introduction à l'asynchrone et timers
- Event loop
Chapitre 15 : Le réseau
10 leçons 03:03:47
- Introduction aux requêtes
- La Web API URL
- Options avancées des requêtes fetch
- Utilisations avancées de XMLHttpRequest
- XMLHttpRequest
- Les objets FormData
- Première requête HTTP avec fetch
- Effectuer une requête POST
- Annuler des requêtes en cours
- Les CORS
Chapitre 16 : Projet blog - partie 1
13 leçons 04:28:17
- Mise en page de la liste des articles
- Rendre le projet responsive
- Introduction du projet blog
- Mise en place des styles pour notre application
- Envoi de l'article au serveur
- Mise en page du formulaire de création d'article
- Mise en place du header et du footer
- Mise en place du JavaScript pour le formulaire
- Utilisation d'assets avec Vite
- Configuration de Vite pour le multi pages
- Suppression des articles
- Affichage de la liste des articles
- Mise en page du projet
Chapitre 17 : Date
5 leçons 00:58:54
- Affichage des dates
- Les formats des Dates en chaîne de caractères
- L'API des objets Date
- Déclarer une date en JavaScript
- Manipuler des timestamps
Chapitre 18 : Location et History
4 leçons 00:51:05
- Les méthodes de l'objet location
- La Web API location
- La Web API history
- L'objet state d'history
Chapitre 19 : Projet blog - partie 2
8 leçons 02:28:17
- Logique avancée pour la modale de suppression
- Mise en place de l'édition d'article
- Présentation des objectifs
- Tri des articles par date
- Création dynamique du menu catégories
- Mise en place du filtre par catégorie
- Mise en place du menu catégories
- Mise en place d'une modale pour la suppression
Chapitre 20 : Approfondissement des objets
11 leçons 02:48:11
- Utilisation des prototypes
- Les accesseurs et les mutateurs
- API d'Object
- La POO et les constructeurs
- Introduction aux prototypes
- Objectifs et description des propriétés d'un objet
- Les prototypes natifs
- Le pattern constructeur et la propriété prototype
- Les Maps
- Les Sets
- La méthode groupBy()
Chapitre 21 : Les classes
8 leçons 01:33:24
- Les propriétés privées
- L'héritage avec les classes
- L'opérateur instanceof
- Déclaration d'une classe
- Etendre les objets natifs avec extends
- Les champs publics
- Les méthodes statiques
- Les mixins
Chapitre 22 : La gestion d'erreur
4 leçons 01:00:44
- Etendre l'objet Error
- Introduction à la gestion d'erreur
- Le débogguer de VS Code
- Le débogguer de Chrome DevTools
Chapitre 23 : Cookie, localStorage et sessionStorage
6 leçons 01:35:04
- Utilisation des cookies
- localStorage et sessionStorage
- Les événements storage
- Propriétés des cookies
- Introduction aux Web API dédiées au stockage
- First-party, third-party et propriété samesite
Chapitre 24 : Canvas
11 leçons 02:30:53
- Les cercles et les courbes de Bézier
- Les ombres, l'opacité et les limites
- Utiliser des textes
- Mise en pratique et rectangles
- Les bases des animations
- Introduction à canvas
- Utiliser des images et des motifs
- Les transformations
- Traitement des pixels
- Les dégradés
- Les bases de canvas
Chapitre 25 : Projet snake
6 leçons 01:05:08
- Déplacement du serpent
- Introduction au projet
- Dessiner le serpent
- Changement de direction et collisions de défaite
- Score et aller plus loin
- Collision avec la pomme
Chapitre 26 : Le binaire en JavaScript
5 leçons 01:20:28
- Les Files et l'API FileReader
- Les Binary Large Objects (Blob)
- ArrayBuffer et TypedArray
- Introduction au binaire
- Le binaire et les chaînes de caractères
Chapitre 27 : Le drag and drop
7 leçons 01:49:02
- API HTML5 : la gestion du glisser
- L'objet DataTransfer
- Le drag and drop de fichiers
- Drag and Drop avancé sans l'API
- API HTML5 : la gestion du déposer
- Permuter des éléments sans l'API
- Introduction au drag and drop

Également inclus dans cette formation

Vite

Au fil des années, les applications Web deviennent de plus en plus complexes et le nombre de lignes de code a considérablement augmenté. Les applications sont donc devenus lourdes et potentiellement plus longues à charger pour vos utilisateurs. Vite vous permet d’optimiser la façon dont votre application est chargée, de diminuer la taille de vos fichiers et d’améliorer la performance de votre code.
ES6, ES2016...ES2025

Tous les navigateurs implémentent ES6, qui est la nouvelle version majeure de JavaScript. En outre, beaucoup de nouvelles fonctionnalitées sont ajoutées chaque année au langage et il est important de les maitriser. Les fonctions fléchées, les classes, les promesses, sont autant de sujets que nous aborderons dans la formation.
Canvas

Canvas vous permet de créer des graphiques et des dessins sur vos pages Web. Vous apprendrez pendant la formation à manipuler le canvas avec JavaScript. Vous pourrez dessiner des formes, du texte, des images, et même des animations pour faire des jeux.

Évaluations et avis sur la formation JavaScript

4.9

1254 avis

Une formation JavaScript en ligne exceptionnelle ! Chaque module est incroyablement détaillé, et le contenu est présenté de manière à ce que même les concepts les plus complexes deviennent compréhensibles. Je recommande vivement à tous ceux qui veulent maîtriser JavaScript.
Marie L.Étudiant(e) vérifié(e)
J'ai suivi plusieurs formations en ligne, mais celle-ci se démarque vraiment. Le cours couvre tout, des bases aux fonctionnalités avancées, et le formateur explique les concepts avec une clarté impressionnante. Je me sens maintenant prêt à développer des applications JavaScript complexes.
Thomas G.Étudiant(e) vérifié(e)
Cette formation JavaScript est extrêmement complète et bien structurée. Les projets et les exercices pratiques m'ont aidée à solidifier mes connaissances, et les quiz après chaque section m'ont permis de bien évaluer mes progrès. C'est exactement ce dont j'avais besoin pour passer au niveau supérieur.
Emma D.Étudiant(e) vérifié(e)

Ces entreprises offrent cette formation à leurs collaborateurs

Questions fréquemment posées sur la formation JavaScript

À quoi sert le langage JavaScript ?

Le JavaScript (souvent abrégé js) est le langage de programmation utilisé pour créer des pages web dynamiques et interactives. Il permet de manipuler le DOM, de gérer les événements, de faire des requêtes réseau asynchrones pour récupérer des données, et bien plus encore. JavaScript est également à la base des frameworks modernes comme React, Angular, et Vue.js.

La formation est-elle accessible aux débutants ?

Oui, la formation est conçue pour être accessible aux débutants. Elle commence par les bases du langage JavaScript, y compris la mise en place de l'environnement de développement, et progresse vers des concepts plus avancés comme les modules, les classes, et la gestion de l'asynchronie. Seules des connaissances en HTML et CSS sont nécessaires.

La formation est-elle en ligne ou en présentiel ?

La formation JavaScript est entièrement en ligne et peut être suivie à votre propre rythme. Vous avez la flexibilité d'apprendre où et quand vous le souhaitez, ce qui vous permet de concilier facilement vos études avec vos autres engagements.

Quelles compétences vais-je acquérir grâce à cette formation en ligne ?

Intégration de JavaScript avec HTML & CSS pour créer des interfaces utilisateur dynamiques.
Manipulation du DOM et gestion des événements pour des interactions utilisateur riches.
Gestion de l'asynchronie en JavaScript avec les promesses et async/await.
Compréhension approfondie des objets, des tableaux, et de la programmation orientée objet.
Développement d'applications JavaScript complètes avec Vite.

La formation est-elle à jour de la dernière version de JavaScript ?

Oui, la formation est régulièrement mise à jour pour inclure les dernières fonctionnalités de JavaScript, y compris celles introduites dans les versions récentes d'ECMAScript. Vous apprendrez à utiliser les dernières syntaxes et les meilleures pratiques de développement en JavaScript.

Y a-t-il des travaux pratiques dans la formation ?

Oui, vous réaliserez plusieurs travaux pratiques tout au long de la formation, notamment un projet de liste de tâches (todo list) et un blog complet, pour mettre en pratique vos compétences en JavaScript pour créer un site Web réaliste. Vous récupérerez des données et vous apprendrez à interagir avec une API.

Comment cette formation m'aidera-t-elle dans ma carrière ?

Maîtriser JavaScript vous ouvrira de nombreuses opportunités professionnelles en tant que développeur front-end ou full-stack, et vous permettra d'apprendre ensuite des frameworks populaires comme React, Angular, et Vue.js, très demandés dans les entreprises.

Le contenu de la formation est-il suffisant pour un projet complet ?

Absolument, la formation couvre tout le nécessaire pour développer des projets JavaScript complets, avec des chapitres dédiés aux concepts avancés comme les modules, les objets, les classes, et la gestion d'erreur, ainsi que des projets pratiques pour consolider vos compétences.