React est devenue l'une des bibliothèques JavaScript front-end les plus populaires, et ce pour de bonnes raisons. Sa syntaxe déclarative et son Modèle DOM (DOM) virtuel efficace en font un outil idéal pour construire des interfaces utilisateur complexes et interactives. Si vous ne connaissez pas React, ce projet vous permettra d'acquérir des bases solides pour construire des applications React. Dans ce projet, vous apprendrez à créer des composants React à l'aide de la syntaxe JSX, et à les rendre dans le DOM à l'aide de ReactDOM. Vous découvrirez également le concept de flux de données parent-enfant dans React et comment le mettre en œuvre en utilisant des props pour transmettre des données des composants parents aux composants enfants. En outre, vous apprendrez à utiliser le hook useState() pour gérer l'état dans les composants React fonctionnels, et à mettre en œuvre un comportement dynamique dans vos applications. Enfin, vous acquérez une solide maîtrise du hook useEffect() pour gérer les effets de bord dans un composant React. Afin de tirer le meilleur parti de ce projet, il est recommandé aux apprenants d'avoir des connaissances dans les domaines suivants : connaissance de la manipulation du DOM Javascript, programmation Javascript de base telle que la définition de variables, la création et l'appel de fonctions, les types de données, les instructions conditionnelles, les événements et les boucles, y compris les méthodes map/filter, ainsi que l'importation et l'exportation de modules. La réalisation de ce projet devrait prendre environ 1 heure



Développement web avec React.js : Les bases du développement

Instructeur : Rudi Hinds
1 680 déjà inscrits
Inclus avec
(13 avis)
Expérience recommandée
Ce que vous apprendrez
Bootstrap une nouvelle application React à l'aide de create-react-app
Mettre en œuvre le flux de données parent-enfant dans React en cours d'utilisation pour passer les données des composants parents aux composants enfants
Utiliser le hook useState pour gérer l'état dans les composants React fonctionnels et injecter un comportement dynamique dans leurs applications.
Compétences que vous pratiquerez
- Catégorie : React.js
- Catégorie : Cadres JavaScript
- Catégorie : Javascript
- Catégorie : Développement Web Front-End
- Catégorie : Composants UI
- Catégorie : Principes de programmation
Détails à connaître

Ajouter à votre profil LinkedIn
Disponible uniquement sur ordinateur
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

Apprendre, pratiquer et appliquer des compétences prêtes à l’emploi en moins de 2 heures
- Bénéficiez d’une formation par des experts du secteur
- Gagnez en expérience pratique en effectuant des tâches professionnelles du monde réel
- Renforcez votre confiance en utilisant les outils et technologies les plus récents

À propos de ce Projet Guidé
Apprendrez étape par étape
Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :
Bootstrap créer un projet React app et connecter reactDOM à index.html
Écrire notre propre encapsulation personnalisée pour un élément d'entrée
Créer un composant dynamique en passant des Props dans l'arbre de rendu
Démontrer sa compréhension de ReactDOM, de l'encapsulation des composants et de l'arbre de rendu
Créer un flux de données non récurrent avec des fonctions de rappel et une gestion d'état
Mettre en œuvre des effets de bord avec le crochet useEffect() dans les composants fonctionnels de React
Tâche cumulée
Expérience recommandée
Manipulation DOM (Javascript), programmation : définition de variables, fonctions, types de données, instructions conditionnelles, événements et boucles, modules
7 images de projet
Instructeur

Offert par
Méthode d’apprentissage
Apprentissage pratique basé sur les compétences
Mettez en pratique de nouvelles compétences en effectuant des tâches professionnelles.
Conseils d’experts
Suivez les vidéos pré-enregistrées d’experts à l’aide d’une interface unique, divisée en deux.
Aucun téléchargement ou installation requis(e)
Accédez aux outils et aux ressources dont vous avez besoin dans un espace de travail cloud préconfiguré.
Disponible uniquement sur ordinateur de bureau
Ce Projet Guidé est conçu pour les ordinateurs portables ou de bureau disposant d’une connexion internet fiable, et non pour les appareils mobiles.
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?




Avis des étudiants
13 avis
- 5 stars
53,84 %
- 4 stars
30,76 %
- 3 stars
7,69 %
- 2 stars
7,69 %
- 1 star
0 %
Affichage de 3 sur 13
Révisé le 3 mars 2025
The course is excellent and detailed, I really learned a lot from this course
Vous aimerez peut-être aussi
Statut : Essai gratuit
Statut : Essai gratuitMeta
Statut : Essai gratuit
Coursera

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
En achetant un Projet Guidé, vous obtenez tout ce dont vous avez besoin pour terminer ce Projet Guidé, y compris l'accès à un espace de travail de bureau cloud, via votre navigateur web, qui contient les fichiers et les logiciels dont vous avez besoin pour commencer, ainsi que les instructions vidéo étape par étape d'un expert en la matière.
Comme votre espace de travail contient un bureau cloud dimensionné pour un ordinateur portable ou de bureau, les Projets Guidés ne sont pas disponibles sur votre appareil mobile.
Les enseignants des Projets Guidés sont des experts en la matière qui ont de l'expérience dans les compétences, les outils ou le domaine de leur projet et qui sont passionnés par le partage de leurs connaissances avec des millions d'étudiants dans le monde.

