Dans ce cours pratique, vous apprendrez à donner vie à des applications web modernes en utilisant JavaScript, React et Node.js. En commençant par les éléments essentiels de React, vous développerez progressivement vos compétences, des composants simples aux applications Full stack, en gagnant en confiance au fur et à mesure. Vous commencerez par les fondements de React et passerez rapidement à la création de fonctionnalités interactives à l'aide de props et de la gestion d'état. À partir de là, vous explorerez des outils pratiques tels que les modèles Vite, Framer Motion, les icônes Lucide et Lodash, en apprenant comment ils s'intègrent dans les flux de développement professionnels. Au fur et à mesure que vos compétences se développeront, vous prendrez en charge des projets réels, y compris un jeu minier et une application de liste de tâches, pour vous entraîner à structurer le code efficacement, à gérer les événements et à améliorer les expériences utilisateur avec des animations et des bibliothèques externes. Vous plongerez également dans des sujets plus avancés tels que le refactoring de code, le stockage local et l'utilisation de fournisseurs de contexte pour gérer l'état de l'application. Enfin, vous développerez le backend et le déploiement : intégration d'Express pour la logique côté serveur, affichage de listes et de formulaires, préparation de votre application pour le web avec Progressive Web Apps, et même déploiement de projets React en tant qu'applications de bureau à l'aide d'Electron.



JavaScript dans le développement web moderne
Ce cours fait partie de Spécialisation JavaScript du débutant à l'expert 2.0

Instructeur : Packt - Course Instructors
Inclus avec
Expérience recommandée
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

Ajouter à votre profil LinkedIn
septembre 2025
16 devoirs
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

Élaborez votre expertise du sujet
- 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

Offert par
En savoir plus sur Développement de logiciels
Statut : Essai gratuit
Statut : Essai gratuit
Statut : Essai gratuit
Statut : Essai gratuit
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?





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
Oui, vous pouvez visionner la première vidéo et le syllabus avant de vous inscrire. Vous devez acheter le cours pour accéder au contenu qui n'est pas inclus dans l'aperçu.
Si vous décidez de vous inscrire au cours avant la date de début de la session, vous aurez accès à toutes les vidéos et à toutes les lectures du cours. Vous pourrez soumettre vos travaux dès le début de la session.
Une fois que vous vous serez inscrit et que votre session aura commencé, vous aurez accès à toutes les vidéos et autres ressources, y compris les lectures et le forum de discussion du cours. Vous pourrez consulter et soumettre des évaluations pratiques, et effectuer les devoirs notés requis pour obtenir une note et un certificat de cours.
Plus de questions
Aide financière disponible,

