Projet de fin d'études en développement frontal

Économisez sur les compétences qui vous font briller avec 40 % de réduction sur 3 mois de Coursera Plus. Économisez maintenant

Projet de fin d'études en développement frontal

Ce cours fait partie de Certificat Professionnel Développeur IBM Front-End

Instructeurs : IBM Skills Network Team

7 595 déjà inscrits

Inclus avec

6 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

58 avis

niveau Avancées

Expérience recommandée

2 semaines à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

6 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

58 avis

niveau Avancées

Expérience recommandée

2 semaines à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

Ce que vous apprendrez

Appliquez vos compétences en matière de conception UI/UX et de Figma pour démontrer votre capacité à concevoir les mises en page des différents composants d'un site web responsif
Développez des pages web statiques et intégrez-les dans la page d'atterrissage tout en démontrant votre expertise en HTML et CSS.
Démontrez votre maîtrise de React pour créer des composants dynamiques et convertir des pages statiques en site web responsive
Appliquez vos concepts et compétences GitHub ainsi que le processus de développement logiciel pour construire, déployer et mettre à jour un site web entièrement fonctionnel

Compétences que vous acquerrez

Catégorie : React.js
Catégorie : Maquettes
Catégorie : Composants Web
Catégorie : Développement Web Front-End
Catégorie : HTML et CSS
Catégorie : Conception de sites web réactifs
Catégorie : Développement Web
Catégorie : Contrôle des versions
Catégorie : Examen du code
Catégorie : Analyse Web et SEO
Catégorie : Développement de logiciels
Catégorie : Conception de sites web

Outils que vous découvrirez

Catégorie : Intégration frontale
Catégorie : Feuilles de style en cascade (CSS)
Catégorie : GitHub
Catégorie : Applications Web
Catégorie : Composants de l'interface utilisateur
Catégorie : Git (système de contrôle de version)
Catégorie : Langage de balisage hypertexte (HTML)
Catégorie : Figma (logiciel de conception)

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Évaluations

10 devoirs

Enseigné en Anglais

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

En savoir plus sur Coursera pour les affaires

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

Élaborez votre expertise en Développement mobile et web

Ce cours fait partie de la Certificat Professionnel Développeur IBM Front-End

Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à ce Certificat Professionnel.

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 auprès de IBM

Il y a 6 modules dans ce cours

Selon internetlivestats.com, il existe plus de 1,58 milliard de sites web, dont 200 millions sont actifs. Ce chiffre est en constante augmentation et la plupart des entreprises ont tendance à créer leurs propres sites web ou à les améliorer. L'un des principaux objectifs de ce projet est de vous aider à réunir toutes vos compétences en matière de conception et de codage pour mettre en œuvre un site web réactif. Cela vous aidera à gagner en confiance et en confort dans la construction de sites web et à améliorer vos perspectives d'emploi. Dans ce projet de six semaines, vous concevrez et développerez des mises en page de composants de site web et les pousserez vers un dépôt GitHub. Prêt à améliorer votre portefeuille professionnel avec un site web complet construit à l'aide de HTML, CSS et React ? Ce projet capstone vous aidera à vous rapprocher de cet objectif ! Nous supposons que vous avez terminé tous les cours précédents dans le certificat professionnel IBM Front-End Developer.

Dans ce module, vous commencerez par une vue d'ensemble des différentes tâches du projet Capstone et comprendrez les exigences commerciales pour développer un site web à travers un scénario de projet. Vous entamerez ensuite la phase de conception du projet en créant des maquettes de sites web à l'aide de Figma, y compris la barre de navigation, l'inscription, la connexion, la prise de rendez-vous et les évaluations.

Inclus

2 vidéos3 lectures2 devoirs5 plugins

2 vidéosTotal 11 minutes

Introduction au cours3 minutes
Aperçu du projet8 minutes

3 lecturesTotal 16 minutes

Conseils utiles pour réussir le cours5 minutes
Conditions préalables et programme du cours1 minute
Ressources pour soutenir l'achèvement du projet10 minutes

2 devoirsTotal 42 minutes

Quiz noté du module 1 : Démarrer avec le Capstone30 minutes
Liste de contrôle du module 1 : Conception de la mise en page du site web12 minutes

5 pluginsTotal 125 minutes

Scénario du projet10 minutes
Lecture : Référence du projet Capstone : Commandes Git10 minutes
Lecture : Référence technique du projet Capstone10 minutes
Aperçu des tâches : Conception de la mise en page du site Web5 minutes
Laboratoire pratique : Créer des maquettes pour la mise en page d'un site web90 minutes

Dans ce module, vous commencerez à développer votre site web. Vous allez créer un dépôt pour votre projet en utilisant le forking. Vous clonerez ensuite le référentiel dans l'environnement du laboratoire. Une fois l'environnement de laboratoire configuré, vous créerez des mises en page, y compris la barre de navigation, le formulaire d'inscription et le formulaire de connexion, et appliquerez un style aux pages statiques du site Web à l'aide de HTML et de CSS. Enfin, vous testerez les composants statiques.

Inclus

2 devoirs2 éléments d'application2 plugins

2 devoirsTotal 48 minutes

Quiz noté du module 2 : Développer des pages statiques de site web en utilisant HTML & CSS30 minutes
Liste de contrôle du module 2 : Développer des pages statiques à l'aide de HTML et CSS18 minutes

2 éléments d'applicationTotal 120 minutes

Labo pratique : Créer un dépôt GitHub pour votre projet30 minutes
Laboratoire pratique : Construire des mises en page de sites Web statiques90 minutes

2 pluginsTotal 10 minutes

Aperçu des tâches : Configuration du dépôt GitHub5 minutes
Aperçu des tâches : Développer des mises en page de sites Web statiques5 minutes

Dans ce module, vous commencerez à travailler avec React pour construire et gérer des composants dynamiques. Dans un premier temps, vous configurerez le projet React et établirez la connectivité requise avec la base de données, nécessaire au fonctionnement de quelques composants du site web. Vous convertirez ensuite les pages statiques en composants dynamiques React et les testerez. Vous créerez également le premier composant dynamique React pour le projet. Enfin, vous intégrerez un composant dynamique React existant et le personnaliserez en fonction de votre palette de couleurs et du thème du site web.

Inclus

2 devoirs5 éléments d'application4 plugins

2 devoirsTotal 55 minutes

Quiz noté du module 3 : Développer des composants dynamiques React - Partie I30 minutes
Liste de contrôle du module 3 : Développer des composants dynamiques React - Partie I25 minutes

5 éléments d'applicationTotal 240 minutes

Labo pratique : Configurer le projet React avec la connectivité backend45 minutes
[Optionnel] Labo pratique : Créer un projet React à l'aide de Vite30 minutes
Labo pratique : Convertir des pages statiques en composants dynamiques React45 minutes
Laboratoire pratique : Intégrer les fonctionnalités existantes30 minutes
Laboratoire pratique : Construire le composant de prise de rendez-vous90 minutes

4 pluginsTotal 35 minutes

Aperçu des tâches : Configuration de l'environnement React5 minutes
Stockage local et stockage de session10 minutes
Aperçu des tâches : Convertir des pages statiques en composants dynamiques React15 minutes
Aperçu des tâches : Construire et intégrer des composants dynamiques React5 minutes

Dans ce module, vous continuerez à développer des composants React dynamiques. Vous testerez également chaque composant pour vous assurer qu'il fonctionne comme prévu.

Inclus

2 devoirs3 éléments d'application3 plugins

2 devoirsTotal 62 minutes

Quiz noté du module 4 : Développer des composants dynamiques React - Partie II30 minutes
Liste de contrôle du module 4 : Développer des composants dynamiques React - Partie II32 minutes

3 éléments d'applicationTotal 270 minutes

Labo pratique : Construire le composant de notification90 minutes
Laboratoire pratique : Construire le composant Reviews90 minutes
Labo pratique : Construire le composant de profil90 minutes

3 pluginsTotal 45 minutes

Aperçu des tâches : Construction du composant de notification15 minutes
Aperçu des tâches : Construire le composant Examens15 minutes
Aperçu des tâches : Construire le composant de profil15 minutes

Dans ce module, vous intégrerez tous les composants et testerez la fonctionnalité du site web. Ensuite, vous allez déployer le site web. Après le déploiement, vous apporterez des modifications aux composants du site web pour ajouter des balises méta pour le SEO dans le fichier index.html du projet et redéployerez le site web.

Inclus

2 devoirs2 éléments d'application2 plugins

2 devoirsTotal 40 minutes

Quiz noté du module 5 : Construire, déployer et mettre à jour le site web30 minutes
Liste de contrôle du module 5 : Mettre à jour les composants et redéployer le site Web10 minutes

2 éléments d'applicationTotal 60 minutes

Laboratoire pratique : Construire et déployer le site web30 minutes
Labo pratique : Mise à jour des composants et redéploiement du site Web30 minutes

2 pluginsTotal 10 minutes

Aperçu des tâches : Construire et déployer le site web5 minutes
Aperçu des tâches : Apporter des modifications et mettre à jour le site web Post-production5 minutes

Dans le module final, vous devrez soumettre les captures d'écran des travaux pratiques pour évaluation. Vous soumettrez les liens du dépôt GitHub pour permettre à vos pairs de réviser votre code. Après avoir soumis votre projet, vous devrez réviser et noter l'une des soumissions de vos pairs.

Inclus

2 lectures1 évaluation par les pairs1 élément d'application1 plugin

2 lecturesTotal 2 minutes

Félicitations et prochaines étapes1 minute
Remerciements de l'équipe du cours1 minute

1 évaluation par les pairsTotal 30 minutes

Option 2 : Soumission et évaluation par Peer-To-Peer30 minutes

1 élément d'applicationTotal 45 minutes

Option 1 : Soumission et évaluation notées par l'IA45 minutes

1 pluginTotal 5 minutes

Liste de contrôle pour la soumission finale5 minutes

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.

Instructeurs

Évaluations de l’enseignant

(9 évaluations)

IBM Skills Network Team

92 Cours1 993 282 apprenants

Richa Arora

IBM

11 Cours148 868 apprenants

Offert par

IBM

En savoir plus sur Développement mobile et web

Statut : Essai gratuit
Meta
Front-End Developer Capstone
Cours
Statut : Essai gratuit
Meta
Back-End Developer Capstone
Cours
Statut : Essai gratuit
IBM
JavaScript Full Stack Capstone Project
Cours
Statut : Essai gratuit
Microsoft
Full-Stack Developer Capstone Project
Cours

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.’

Avis des étudiants

5 stars
87,09 %
4 stars
4,83 %
3 stars
1,61 %
2 stars
0 %
1 star
6,45 %

Affichage de 3 sur 58

Révisé le 25 sept. 2024

i found this course very good. All the topics and labs are covered in this course. Give 5 star.

Révisé le 20 mai 2025

I'm very glad, this is good course, there are many Lab

Révisé le 25 sept. 2024

Good capstone project, well designed and explained!

Voir plus d’avis

Foire Aux Questions

Pour accéder aux supports de cours, aux devoirs et pour obtenir un certificat, vous devez acheter l'expérience de certificat lorsque vous vous inscrivez à un cours. Vous pouvez essayer un essai gratuit ou demander une aide financière. Le cours peut proposer l'option "Cours complet, pas de certificat". Cette option vous permet de consulter tous les supports de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cela signifie également que vous ne pourrez pas acheter un certificat d'expérience.

Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours du certificat et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page Réalisations - à partir de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn.