• 12 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 23/02/2024

Tirez le maximum de ce cours

Profitez des vidéos et du texte

Avant toute chose, bienvenue dans ce cours !

Je vous propose de revenir ensemble sur quelques conseils simples pour tirer le maximum de ce cours.

  • Certains chapitres sont précédés d'une vidéo. Ces vidéos expliquent les concepts clés du chapitre et les simplifient pour vous. C'est une bonne occasion de rentrer dans le vif du sujet, en démystifiant les notions importantes, et de vous motiver avant de 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, vous pourrez vous approprier les concepts abordés.

Faites des allers-retours avec le cours précédent si nécessaire

Ce cours aborde des notions de niveau intermédiaire en React, en partant du principe que les notions de base sont maîtrisées ou que vous avez suivi le cours précédent, Débutez avec React. J'évoquerai au fur et à mesure du cours certaines notions à connaître au préalable. Je vous encourage à faire un petit tour sur les chapitres correspondants du cours précédent si ces notions ne vous disent rien.

Exercez-vous

Ce cours a été conçu autour d’un exercice fil rouge : au fil des chapitres, nous allons créer un site pour une agence de freelances, l'agence Shiny. Les notions vues dans chaque chapitre vous permettront d’enrichir ce site au fur et à mesure, en lui ajoutant de nouvelles fonctionnalités.

Une capture d'écran de l'application finale
Voilà l'agence Shiny

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 branche  P2C3-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. Appuyez-vous sur les quiz de fin de partie 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. N'hésitez pas à explorer la documentation de React ou bien le premier cours sur React si vous avez des doutes sur certaines bases.

À 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 ! 🚀

Exemple de certificat de réussite
Exemple de certificat de réussite