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

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

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

Instructeurs : IBM Skills Network Team

7 496 déjà inscrits

Inclus avec

6 modules

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

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

55 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 : Web Development
Catégorie : Front-End Web Development
Catégorie : React.js
Catégorie : Mockups
Catégorie : Responsive Web Design
Catégorie : Version Control
Catégorie : Code Review
Catégorie : HTML and CSS
Catégorie : Software Development
Catégorie : Web Design and Development
Catégorie : Database Development
Catégorie : Web Analytics and SEO

Outils que vous découvrirez

Catégorie : GitHub
Catégorie : Figma (Design Software)

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 Développeur IBM Front-End Certificat Professionnel

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éos Total 11 minutes

Introduction au cours 4 minutes
Aperçu du projet 8 minutes

3 lectures Total 16 minutes

Conseils utiles pour réussir le cours 5 minutes
Conditions préalables et programme du cours 1 minute
Ressources pour soutenir l'achèvement du projet 10 minutes

2 devoirs Total 42 minutes

Liste de contrôle du module 1 : Conception de la mise en page du site web 12 minutes
Quiz noté du module 1 : Démarrer avec le Capstone 30 minutes

5 plugins Total 125 minutes

Scénario du projet 10 minutes
Lecture : Référence du projet Capstone : Commandes Git 10 minutes
Lecture : Référence technique du projet Capstone 10 minutes
Aperçu des tâches : Conception de la mise en page du site Web 5 minutes
Laboratoire pratique : Créer des maquettes pour la mise en page d'un site web 90 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 devoirs Total 48 minutes

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

2 éléments d'application Total 120 minutes

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

2 plugins Total 10 minutes

Aperçu des tâches : Configuration du dépôt GitHub 5 minutes
Aperçu des tâches : Développer des mises en page de sites Web statiques 5 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 devoirs Total 55 minutes

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

5 éléments d'application Total 240 minutes

Labo pratique : Configurer le projet React avec la connectivité backend 45 minutes
[Optionnel] Labo pratique : Créer un projet React à l'aide de Vite 30 minutes
Labo pratique : Convertir des pages statiques en composants dynamiques React 45 minutes
Laboratoire pratique : Intégrer les fonctionnalités existantes 30 minutes
Laboratoire pratique : Construire le composant de prise de rendez-vous 90 minutes

4 plugins Total 35 minutes

Aperçu des tâches : Configuration de l'environnement React 5 minutes
Stockage local et stockage de session 10 minutes
Aperçu des tâches : Convertir des pages statiques en composants dynamiques React 15 minutes
Aperçu des tâches : Construire et intégrer des composants dynamiques React 5 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 devoirs Total 62 minutes

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

3 éléments d'application Total 270 minutes

Labo pratique : Construire le composant de notification 90 minutes
Laboratoire pratique : Construire le composant Reviews 90 minutes
Labo pratique : Construire le composant de profil 90 minutes

3 plugins Total 45 minutes

Aperçu des tâches : Construction du composant de notification 15 minutes
Aperçu des tâches : Construire le composant Examens 15 minutes
Aperçu des tâches : Construire le composant de profil 15 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 devoirs Total 40 minutes

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

2 éléments d'application Total 60 minutes

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

2 plugins Total 10 minutes

Aperçu des tâches : Construire et déployer le site web 5 minutes
Aperçu des tâches : Apporter des modifications et mettre à jour le site web Post-production 5 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 lectures Total 2 minutes

Félicitations et prochaines étapes 1 minute
Remerciements de l'équipe du cours 1 minute

1 évaluation par les pairs Total 30 minutes

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

1 élément d'application Total 45 minutes

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

1 plugin Total 5 minutes

Liste de contrôle pour la soumission finale 5 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

(7 évaluations)

IBM Skills Network Team

91 Cours 1 844 786 apprenants

Richa Arora

IBM

11 Cours 143 221 apprenants

Offert par

IBM

En savoir plus sur Développement mobile et web

Meta
Front-End Developer Capstone
Cours
IBM
JavaScript Full Stack Capstone Project
Cours
Meta
Back-End Developer Capstone
Cours
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
86,66 %
4 stars
5 %
3 stars
1,66 %
2 stars
0 %
1 star
6,66 %

Affichage de 3 sur 55

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

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

Découvrir les diplômes

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

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.