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