Packt
JavaScript dans le développement web moderne

Débloquer l'accès à plus de 10 000 cours avec Coursera Plus

Packt

JavaScript dans le développement web moderne

Inclus avec Coursera Plus

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire

Expérience recommandée

1 semaine à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire

Expérience recommandée

1 semaine à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme

Ce que vous apprendrez

  • Comprendre les concepts fondamentaux de React comme les composants, l'état, les props et le DOM virtuel.

  • Apprenez à mettre en place et à structurer des apps React en utilisant Vite et Node.js.

  • Gérez l'état global de l'application avec l'API Contexte et conservez les données avec le stockage local.

  • Regroupez votre application React en tant qu'application de bureau avec Electron et améliorez-la avec des fonctionnalités PWA.

Compétences que vous acquerrez

  • Catégorie : Déploiement des applications
  • Catégorie : Animations
  • Catégorie : Programmation événementielle
  • Catégorie : Applications Web
  • Catégorie : Développement Web Front-End
  • Catégorie : Développement web back-end
  • Catégorie : Node.js
  • Catégorie : Javascript
  • Catégorie : Outils de développement web
  • Catégorie : Développement Web complet
  • Catégorie : Composants UI
  • Catégorie : Cadres JavaScript
  • Catégorie : Développement du programme
  • Catégorie : React.js

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

septembre 2025

Évaluations

16 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

 logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Élaborez votre expertise du sujet

Ce cours fait partie de la Spécialisation JavaScript du débutant à l'expert 2.0
Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
  • Apprenez de nouveaux concepts auprès d'experts du secteur
  • Acquérez une compréhension de base d'un sujet ou d'un outil
  • Développez des compétences professionnelles avec des projets pratiques
  • Obtenez un certificat professionnel partageable

Il y a 14 modules dans ce cours

Dans ce module, nous allons explorer les fondamentaux de React, en commençant par les composants et leur fonction dans la construction d'interfaces utilisateur. Vous plongerez plus profondément dans des concepts clés tels que l'état, les props et le DOM virtuel, qui constituent le cœur de l'architecture de React.

Inclus

2 vidéos2 lectures1 devoir

Dans ce module, nous vous guiderons à travers le processus de mise en place d'un environnement de développement React à l'aide de Node.js, npm et Vite. Vous apprendrez également à faire évoluer votre projet d'une application à fichier unique vers une structure multi-composants plus organisée.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons nous plonger dans les props, une fonctionnalité clé de React. Vous apprendrez à utiliser les props pour transmettre des données et des fonctions entre les composants, ce qui rendra vos applications React plus dynamiques et modulaires.

Inclus

1 vidéo1 devoir

Dans ce module, nous vous guiderons dans le développement d'un jeu d'exploitation minière AutoClicker dans React. Vous créerez des composants clés, ajouterez des mécaniques de jeu comme les améliorations de puissance, et utiliserez les crochets React pour gérer l'état du jeu et les effets secondaires.

Inclus

7 vidéos1 devoir

Dans ce module, nous allons améliorer le jeu AutoClicker Mining en intégrant des packages externes comme lucide-react pour les icônes, Framer Motion pour les animations, et lodash pour une meilleure manipulation des données, ce qui rendra le jeu plus attrayant et visuellement plus intéressant.

Inclus

4 vidéos1 devoir

Dans ce module, nous nous concentrerons sur le refactoring de votre code de jeu React pour améliorer la maintenabilité. Vous décomposerez les grands composants en éléments plus petits, optimiserez votre travail d'animation avec la déstructuration d'objets et appliquerez lodash pour une meilleure gestion des données.

Inclus

6 vidéos1 devoir

Dans ce module, nous allons explorer l'API Contexte et le stockage local pour gérer l'état global et persister les données dans votre jeu React. Vous construirez également un bouton de basculement de thème pour basculer entre les modes clair et foncé.

Inclus

6 vidéos1 devoir

Dans ce module, nous allons vous accompagner dans le processus de déploiement de votre application React. Vous apprendrez à optimiser votre application pour la production, à la construire en tant que page statique et à la rendre prête pour le déploiement.

Inclus

1 vidéo1 devoir

Dans ce module, nous présenterons Electron et vous montrerons comment l'intégrer à React pour créer des applications de bureau multiplateformes. Vous apprendrez également à empaqueter votre application dans un fichier exécutable.

Inclus

2 vidéos1 devoir

Dans ce module, nous allons nous plonger dans les Progressive Web Apps et la façon dont elles offrent une expérience de type natif sur le web. Vous apprendrez à convertir une application traditionnelle en PWA et à générer les icônes nécessaires à cette dernière à l'aide de NPX.

Inclus

3 vidéos1 devoir

Dans ce module, nous nous concentrerons sur la création d'un bouton d'installation personnalisé pour votre PWA et sur la gestion de la visibilité des composants à l'aide de React. Vous apprendrez également à gérer les événements d'installation et les promesses pour un meilleur contrôle de l'utilisateur.

Inclus

4 vidéos1 devoir

Dans ce module, nous vous apprendrons à intégrer Express avec React pour créer une application Full stack. Vous allez mettre en place un backend, récupérer des données de manière dynamique et améliorer l'expérience utilisateur avec des indicateurs de chargement.

Inclus

6 vidéos1 devoir

Dans ce module, nous vous guiderons dans le rendu des listes, le traitement des formulaires et la gestion des entrées utilisateur dans React. Vous apprendrez également à trier et à filtrer dynamiquement les données au sein des listes, ce qui rendra votre app interactive et conviviale.

Inclus

10 vidéos1 devoir

Dans ce module, nous allons explorer les techniques de refactoring de code pour optimiser les gros composants React. Vous apprendrez à décomposer les gros composants en éléments plus petits et réutilisables et à améliorer la structure globale de votre application.

Inclus

3 vidéos1 lecture3 devoirs

Obtenez un certificat professionnel

Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.

Instructeur

Packt - Course Instructors
Packt
1 239 Cours296 477 apprenants

Offert par

Packt

En savoir plus sur Développement de logiciels

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Coursera Plus

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

Foire Aux Questions