Formation JavaScript

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

É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...ES2024

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.