Bienvenue dans ce Guided Projects où vous apprendrez à construire une application de recherche de films à l'aide de React. Dans le développement web moderne, il est crucial de savoir comment effectuer des appels API asynchrones et gérer la récupération de données. Dans ce tutoriel, vous effectuerez des requêtes HTTP vers une API de base de données de films dans ReactJS, ainsi que l'utilisation du hook useEffect de React pour gérer l'état des composants et rendre lesdites données. Vous créerez également des composants réutilisables et passerez des accessoires entre eux. Mais qu'est-ce qu'une application React sans un peu de style ? N'ayez crainte, vous utiliserez également le CSS pour rendre votre application visuellement attrayante. À la fin de ce projet, vous aurez créé une application de recherche de films entièrement fonctionnelle, avec la possibilité d'ajouter et de supprimer des films dans une liste de favoris. Vous aurez également travaillé avec les API, les crochets React et le style CSS dans React. Pour tirer le meilleur parti de ce projet, il est recommandé aux apprenants d'avoir des connaissances dans les domaines suivants : Concepts de programmation de base tels que les variables, les fonctions et les énoncés conditionnels. Familiarité avec la bibliothèque React.js, comme son architecture basée sur les composants, les props et l'état. Travailler avec des API à l'aide de JavaScript et des connaissances de base en matière de ligne de commande. Ce projet devrait prendre environ 1 heure à réaliser
Développement Web avec React.js : Construire une application Web
Instructeur : Rudi Hinds
2 371 déjà inscrits
Inclus avec
(12 avis)
Expérience recommandée
Ce que vous apprendrez
Passer des données entre les composants en cours d'utilisation de React et les props
Gestion des données en cours d'utilisation d'API asynchrones à l'aide des méthodes de cycle de vie de React
Mettre en œuvre le stylisme CSS et le design réactif dans les composants React
Compétences que vous pratiquerez
- Catégorie : Programmation Informatique
- Catégorie : Développement Web
- Catégorie : Développement d'applications
- Catégorie : AJAX
- Catégorie : Restful API
- Catégorie : Feuilles de style en cascade (CSS)
- Catégorie : Composants UI
- Catégorie : React.js
- Catégorie : Javascript
- Catégorie : Applications Web
- Catégorie : Cadres JavaScript
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 :
Ajouter une fonctionnalité de recherche de films avec l'API OMDB (14 min)
Construire des composants et des états pour stocker et restituer les films (10 min)
Ajout d'une fonctionnalité permettant de supprimer un film et d'effectuer un rendu conditionnel des films (8 min)
Démontrez votre compréhension des composants fonctionnels, des props et de l'état de React (2 min)
Construire un composant modal pour des détails supplémentaires sur les films (14 min)
Polir un site web avec un style CSS (7 min)
Tâche cumulative (21 min)
Expérience recommandée
concepts de programmation : variables, fonctions, instructions conditionnelles. React.js, les props, l'état. Travailler avec des API en JavaScript. Ligne de commande de base
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 ?
Vous aimerez peut-être aussi
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.