Ce cours comprend Coursera Coach ! Une façon plus intelligente d'apprendre avec des conversations interactives en temps réel qui vous aident à tester vos connaissances, à remettre en question vos hypothèses et à approfondir votre compréhension au fur et à mesure que vous progressez dans le cours. Dans ce cours, vous acquerrez une connaissance approfondie de JavaScript et de son application dans le développement Web moderne. Vous apprendrez tout, des meilleures pratiques, telles que l'optimisation des performances de JavaScript et la gestion efficace des fichiers, aux dernières fonctionnalités de JavaScript, y compris l'opérateur de coalescence nullish et les fonctions fléchées. Le cours plonge également dans la construction de projets avec React et Node.js, en se concentrant sur les structures de composants et l'intégration de divers paquets externes pour une fonctionnalité améliorée. Au fur et à mesure que vous progressez, vous explorerez des outils de développement Web clés tels que Vite, Electron et Progressive Web Apps (PWA), tout en couvrant l'intégration essentielle des technologies back-end avec Express.js. Il ne s'agit pas seulement de théorie ; le cours vous guidera à travers des exercices pratiques tels que la création de jeux dans React, la gestion de l'état et le déploiement de vos applications. Ce cours est conçu pour les développeurs en herbe qui veulent construire des applications réactives, dynamiques et évolutives à l'aide de technologies JavaScript modernes. Que vous cherchiez à vous spécialiser dans React ou à acquérir une compréhension plus large du développement web, ce cours offre les outils et les connaissances nécessaires pour y parvenir. À la fin du cours, vous serez en mesure d'utiliser efficacement JavaScript pour construire des applications web modernes, de maîtriser React pour la construction de composants et la gestion de l'état, d'intégrer des services back-end avec Express.js et de déployer vos projets pour la production.
JavaScript dans le développement web moderne
Saisissez l'occasion de faire des économies ! Bénéficiez de 40 % de réduction sur 3 mois de Coursera Plus et d'un accès complet à des milliers de cours.
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
Maîtriser les meilleures pratiques JavaScript pour optimiser les performances et l'efficacité.
Apprenez à gérer les fonctionnalités modernes de JavaScript telles que l'opérateur de coalescence nul et les fonctions fléchées.
Construisez des applications React interactives et gérez efficacement la gestion des états.
Mettre en place des services back-end avec Node.js et s'intégrer à des projets React.
Compétences que vous acquerrez
- Catégorie : Web Components
- Catégorie : Development Environment
Outils que vous découvrirez
- Catégorie : JavaScript Frameworks
- Catégorie : Frontend Performance
Détails à connaître
Ajouter à votre profil LinkedIn
septembre 2025
17 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 15 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 devoir
Dans ce module, nous vous présenterons les bases de MySQL, en commençant par comprendre son but et en configurant un environnement de base de données local à l'aide de XAMPP. Vous apprendrez ensuite les requêtes SQL essentielles pour créer des tables, insérer des enregistrements et récupérer des données de manière efficace.
Inclus
14 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 ?
Felipe M.
Jennifer J.
Larry W.
Chaitanya A.
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
JavaScript dans le développement Web moderne se concentre sur l'enseignement des compétences de base nécessaires au développement de sites Web et d'applications interactifs et performants. JavaScript est l'un des langages de programmation les plus utilisés, et sa pertinence vient de sa capacité à améliorer les expériences utilisateur sur le web, permettant un contenu dynamique, des animations, des mises à jour en temps réel, et plus encore. Ce cours plonge dans les meilleures pratiques JavaScript, le développement React, Node.js et les Progressive Web Apps, en veillant à ce que vous soyez bien préparé pour le paysage du développement web moderne.
Ce cours propose une exploration complète de JavaScript et de son application dans le développement web moderne. Il couvre les concepts JavaScript fondamentaux tels que l'optimisation des performances du code, la modularité et les bases de React. En outre, vous apprendrez des techniques avancées telles que l'utilisation de React avec des paquets externes, la gestion de l'état avec des crochets React, la construction d'un jeu dans React et la création de Progressive Web Apps (PWA). Vous explorerez également comment utiliser les technologies backend comme Node.js et Express pour un développement Full stack.
À l'issue de ce cours, vous serez en mesure de créer des applications web interactives et dynamiques à l'aide de JavaScript et de React. Vous comprendrez comment optimiser le code JavaScript pour la performance, intégrer diverses bibliothèques pour une interface utilisateur améliorée, gérer l'état et le stockage local dans les apps React, et travailler avec des API et des services backend à l'aide d'Express. En outre, vous acquerrez les compétences nécessaires pour créer des serveurs d'authentification progressive et même déployer vos applications en tant qu'applications de bureau à l'aide d'Electron.
Plus de questions
Aide financière disponible,