• 8 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 08/02/2024

Tirez le maximum de ce cours

Profitez des vidéos et du texte

Tout d’abord, je vous souhaite la bienvenue dans ce cours sur React !

Pour tirer le maximum de ce cours, quelques conseils simples :

  • Chaque chapitre est précédé d’une vidéo. Vous pouvez la regarder pour avoir un premier aperçu des notions qui seront abordées dans le chapitre. C’est aussi une bonne motivation pour vous lancer. 💪

  • Lisez le texte situé sous la vidéo pour découvrir comment mettre en œuvre les concepts abordés.

  • Entraînez-vous au fil de la formation, en reproduisant les exemples que je vous donnerai dans le texte du cours. 

  • Le texte sera également accompagné de screencasts, des vidéos où je vous ferai une démonstration de code en filmant directement mon écran. En reproduisant ce que vous verrez dans la vidéo, ça vous permettra de vous approprier les concepts abordés.

Exercez-vous

Banner Exercez-vous

Ce cours a été conçu autour d’un exercice fil rouge : au fil des chapitres, nous allons créer votre première application React qui sera un site de vente de plantes. Si vous êtes curieux, et que vous avez envie de voir à quoi le site va ressembler, vous pouvez aller voir la version que j’ai mise en ligne ici. ✨ Les notions vues dans chaque chapitre vous permettront d’enrichir ce site au fur et à mesure en lui ajoutant de nouvelles fonctionnalités.

Une page e-commerce réalisée avec ReactJS de boutique de plantes, permettant d'ajouter au panier les différents produits commandés. Il est également possible de filtrer les plantes par catégories. Enfin, dans le pied de page il y a un formulaire.
Visuel du site La maison jungle

Pour la première partie de ce cours, vous trouverez dans chaque chapitre un lien CodePen pour commencer l’exercice, et un lien avec la solution de l’exercice demandé.

Pour la suite (parties 2 et 3), vous trouverez un repository GitHub pour ce cours. Le code pour commencer l’exercice et la solution se situent sur une branche spécifique, suivant toujours le même format. 

Par exemple, pour l’exercice de la partie 2 chapitre 3, il faut vous rendre sur la brancheP2C3-begin, et la solution se trouve sur la branche P2C3-solution.

Ces exercices vous donneront une véritable expérience pratique des concepts que vous aborderez dans chaque chapitre. L'idée est d'apprendre en faisant ! 😎

Testez vos acquis

En développement, il est essentiel de mettre en pratique ce que vous avez appris. Les quiz de fin de partie sont vos alliés pour vérifier que vous avez bien compris les concepts clés de chaque chapitre, et quelles notions vous devez revoir.

Profitez-en : c'est l'occasion parfaite de retourner aux concepts que vous n'avez pas totalement maîtrisés.

Itérez !

Maintenant que vous avez tous ces conseils en tête, j’insiste sur l’importance de revenir sur les concepts et les tâches qui se sont révélés les plus difficiles, afin de les maîtriser avant de passer à la suite. À certains moments, vous aurez l'impression d'avancer très vite, et à d'autres, particulièrement lentement : c'est normal ! Avancez à votre rythme, laissez-vous le temps de digérer les informations 🧠, et de faire les exercices. Mais souvenez-vous que le plus important est que vous soyez capable de mettre en pratique ce que vous avez appris !

Découvrez votre professeur !

Alexia Toulmet est développeuse web JS. Passionnée par le front-end, elle aime travailler à la frontière entre design et développement.

Alors, vous avez sûrement hâte de rentrer dans le vif du sujet ? N’attendez plus, c’est parti dans le prochain chapitre ! 🚀

Et si vous obteniez un diplôme OpenClassrooms ?
  • Formations jusqu’à 100 % financées
  • Date de début flexible
  • Projets professionnalisants
  • Mentorat individuel
Trouvez la formation et le financement faits pour vous
Exemple de certificat de réussite
Exemple de certificat de réussite