Détail de la micro-certification Premium+
Pour valider ce parcours de formation, vous devez suivre le contenu en ligne (cours) et repondre aux 20 questions du test et atteindre un taux de reussite minimum de 70%.
Contenu de la micro-certification Premium+

Le parcours Premium+ "Créez des sites intéractifs avec React et Redux" combine des contenus en ligne et des quiz progressifs pour accompagner une montee en competence structuree. Suivez le parcours Premium+ "Créez des sites intéractifs avec React et Redux" pour monter en competence pas a pas dans le domaine Developpement, entre contenus en ligne et quiz de validation.
Ce parcours a ete concu pour vous aider a progresser de facon concrete, avec une logique de montee en competence progressive et une validation finale des acquis.
Themes abordes : Creez, Sites, Interactifs, Avec, React.
Ideal pour structurer vos connaissances, consolider vos bonnes pratiques et valoriser vos competences dans un format de micro-certification lisible et directement mobilisable.
Programme du parcours
Créez des sites intéractifs avec React et Redux
Créez des sites intéractifs avec React et Redux
1. Bienvenue dans la formation "Créez des sites intéractifs avec React et Redux"
2. Test de positionnement
3. Quelques conseils avant de commencer
4. Avant de commencer - Bienvenue dans ce cours !
5. Avant de commencer - Prérequis
6. Avant de commencer - Comment réussir cette formation
7. Orientation - Commencez la formation selon votre niveau
8. Partons sur de bonnes bases - Qu'est-ce que React ?
9. Partons sur de bonnes bases - Comprendre la différence entre des sites « Single Page » et « Multi Page »
10. Partons sur de bonnes bases - Quels logiciels utiliser ?
11. Partons sur de bonnes bases - Quelles extensions installer
12. Quelques rappels sur les nouveautés de JavaScript - Revoyons ensemble les nouveautés de JavaScript
13. Quelques rappels sur les nouveautés de JavaScript - Oubliez « var », utilisez « let » et « const
14. Quelques rappels sur les nouveautés de JavaScript - Les fonctions fléchées
15. Quelques rappels sur les nouveautés de JavaScript - Les objets
16. Quelques rappels sur les nouveautés de JavaScript - Les classes (constructeur, propriétés et méthodes)
17. Quelques rappels sur les nouveautés de JavaScript - Les modules (import et export)
18. Quelques rappels sur les nouveautés de JavaScript - L'affectation par décomposition
19. Quelques rappels sur les nouveautés de JavaScript - Le REST parameter
20. Quelques rappels sur les nouveautés de JavaScript - Les types primitifs et les types par référence
21. Quelques rappels sur les nouveautés de JavaScript - Nous voici prêts pour entrer sur la planète React
22. Nos premiers pas avec React - Notre première application avec React
23. Nos premiers pas avec React - Composant par classe VS Composant par fonction
24. Nos premiers pas avec React - Ajoutons un nouveau composant
25. Nos premiers pas avec React - À la découverte des props (propriétés)
26. Nos premiers pas avec React - Utiliser du JavaScript dans du JSX
27. Nos premiers pas avec React - La propriété children
28. Nos premiers pas avec React - Et si on stockait des données (Le state)
29. Nos premiers pas avec React - Props VS State
30. Nos premiers pas avec React - Les composants Statefull et Stateless
31. Nos premiers pas avec React - Changer le state grâce aux événements
32. Nos premiers pas avec React - Les événements disponibles
33. Nos premiers pas avec React - Modifier proprement le state
34. Nos premiers pas avec React - Voir et modifier les props et les states depuis son navigateur
35. Nos premiers pas avec React - Quand mettre des parenthèses
36. Le cycle de vie d'une application React - Qu'est-ce que le cycle de vie d'une application
37. Le cycle de vie d'une application React - Analysons les différents états
38. Le cycle de vie d'une application React - Eviter l'actualisation d'un composant inutilement
39. Prenons un voyage pour le futur : les React Hook - Qu'est-ce que les React Hook
40. Prenons un voyage pour le futur : les React Hook - Comment utiliser le State avec React Hook
41. Prenons un voyage pour le futur : les React Hook - Les autres états
42. Prenons un voyage pour le futur : les React Hook - Limiter la mise à jour d'instructions inutilement
43. Projet 1 - Un prévisualisateur de markdown - Qu'allons-nous faire dans ce projet
44. Projet 1 - Un prévisualisateur de markdown - Avant de se lancer préparer son projet
45. Projet #1 - Un prévisualisateur de markdown - Etape 1 - Créer le HTML et le CSS
46. Projet #1 - Un prévisualisateur de markdown - Etape 2 - Détecter le changement du texte
47. Projet #1 - Un prévisualisateur de markdown - Etape 3 - Installer MarkedJS
48. Projet #1 - Un prévisualisateur de markdown - Etape 4 - Transformer le texte en HTML
49. Projet #1 - Un prévisualisateur de markdown - Correction
50. Parlons design avec React - Qu'allons-nous apprendre dans cette section
51. Parlons design avec React - Qu'est-ce qu'un module CSS
52. Parlons design avec React - Initialisations des modules CSS
53. Parlons design avec React - Modifions dynamiquement le CSS avec les modules
54. Parlons design avec React - Appliquer un style global sans aucune transformation
55. Parlons design avec React - Modifier dynamiquement le style en utilisant JavaScript
56. Parlons design avec React - Gérer dynamiquement les classes
57. Parlons design avec React - Qu'est-ce que Styled Components
58. Parlons design avec React - Utilisons Styled Components sur notre site
59. Parlons design avec React - Modifions dynamiquement le CSS avec Styled Components
60. Parlons design avec React - Ajouter un effet de hover
61. Parlons design avec React - Personnaliser dynamiquement Styled Components
62. Entraînons-nous au design avec React - Exercice 1 Pratiquer Styled Component
63. Entraînons-nous au design avec React - Exercice 1 Correction
64. La logique avec React - Utiliser les conditions ternaires pour afficher du contenu
65. La logique avec React - Utiliser les conditions if else pour afficher du contenu
66. La logique avec React - Lister dynamiquement des composants
67. La logique avec React - Supprimer dynamiquement des composants
68. La logique avec React - Modifier dynamiquement des composants
69. Projet #2 - Une TO-DO list - Qu'allons-nous faire dans ce projet
70. Projet #2 - Une TO-DO list - Avant de se lancer préparer son projet
71. Projet #2 - Une TO-DO list - Découper le code en composants
72. Projet #2 - Une TO-DO list - Configurer les modules CSS
73. Projet #2 - Une TO-DO list - Etape 3 - Créer le state
74. Projet #2 - Une TO-DO list - Etape 4 - Gérer la suppression
75. Projet #2 - Une TO-DO list - Etape 5 - Gérer le checkage
76. Projet #2 - Une TO-DO list - Etape 6 - Gérer l'ajout d'une nouvelle tâche
77. Projet #2 - Une TO-DO list - Correction
78. Plongeons dans les profondeurs de React - Les Reacts Fragments
79. Plongeons dans les profondeurs de React - Les HOC (composant d'ordre supérieur)
80. Plongeons dans les profondeurs de React - Les Refs
81. Plongeons dans les profondeurs de React - Les Refs dans les composants par classe
82. Plongeons dans les profondeurs de React - Le context API
83. Plongeons dans les profondeurs de React
84. Quiz du module 1
85. Restez organiser pour un meilleur apprentissage !
86. Connectons-nous au monde extérieur (Firebase / Axios) - Qu'allons-nous faire dans cette section
87. Connectons-nous au monde extérieur (Firebase / Axios) - Créer une application sur firebase
88. Connectons-nous au monde extérieur (Firebase / Axios) - Installer Axios pour gérer les requêtes AJAX
89. Connectons-nous au monde extérieur (Firebase / Axios) - Créer une base de données
90. Connectons-nous au monde extérieur (Firebase / Axios) - Ajouter des données
91. Connectons-nous au monde extérieur (Firebase / Axios) - Récupérer des données
92. Connectons-nous au monde extérieur (Firebase / Axios) - Supprimer des données
93. Connectons-nous au monde extérieur (Firebase / Axios) - Modifier des données
94. Connectons-nous au monde extérieur (Firebase / Axios) - Gérer les erreurs
95. Connectons-nous au monde extérieur (Firebase / Axios) - Ajouter un spinner pendant le chargement des données
96. Connectons-nous au monde extérieur (Firebase / Axios) - Améliorons notre code en créant une instance Axios
97. Projet #3 - Une TO-DO list améliorée - Qu'allons-nous faire dans ce projet
98. Projet #3 - Une TO-DO list améliorée - Avant de se lancer préparer son projet
99. Projet #3 - Une TO-DO list améliorée - Etape 1 - Créer le focus à l'affichage de la page
100. Projet #3 - Une TO-DO list améliorée - Etape 2 - Configurer firebase
101. Projet #3 - Une TO-DO list améliorée - Etape 3 - Permettre l'ajout d'une tâche sur Firebase
102. Projet #3 - Une TO-DO list améliorée - Etape 4 - Récupérer les tâches depuis Firebase
103. Projet #3 - Une TO-DO list améliorée - Etape 5 - Permettre la mise à jour d'une tâche sur Firebase
104. Etape 6 - Permettre la suppresion d'une tâche sur Firebase
105. Projet #3 - Une TO-DO list améliorée - Correction
106. Projet #4 - Un véritable blog - Qu'allons-nous faire dans les prochaines sections
107. Faisons un site avec plusieurs pages - Plusieurs pages dans une seule page
108. Faisons un site avec plusieurs pages - Créons un nouveau projet
109. Faisons un site avec plusieurs pages - Mettre en place une route
110. Faisons un site avec plusieurs pages - Afficher des pages selon l'adresse visitée
111. Faisons un site avec plusieurs pages - Ajouter des liens (Link)
112. Faisons un site avec plusieurs pages - Mettons en place notre navigation
113. Faisons un site avec plusieurs pages - Ajouter du style sur le lien de la page actuelle (NavLink)
114. Faisons un site avec plusieurs pages - Passer des paramètres dans les urls du route
115. Faisons un site avec plusieurs pages - Passer des ancres et utiliser les requêtes GET
116. Faisons un site avec plusieurs pages - Redirigeons notre utilisateur directement
117. Faisons un site avec plusieurs pages - Essayons de rediriger un utilisateur dans un sous-composant
118. Faisons un site avec plusieurs pages - Que faire si la page demandée n'existe pas
119. Faisons un site avec plusieurs pages - Que faire si la page demandée n'existe pas
120. Faisons un site avec plusieurs pages - Stocker les routes dans un fichier de configuration
121. React et les formulaire - Les formulaires et React
122. React et les formulaire - Créons notre composant input
123. React et les formulaire - Affichons nos inputs dynamiquement
124. React et les formulaire - Autorisons notre utilisateur à écrire
125. React et les formulaire - Ajoutons des vérifications
126. React et les formulaire - Changeons le style des inputs en cas d'erreur
127. React et les formulaire - Ajoutons un article sur Firebase
128. React et les formulaire - N'oublions pas la page d'accueil
129. React et les formulaire - Lister un seul article
130. React et les formulaire - Supprimer un article
131. React et les formulaire - Modifier un article
132. React et les formulaire - Rediriger l'utilisateur si l'article n'existe pas
133. React et les formulaire - Afficher uniquement les articles publiés
134. React et les formulaire - Réalisons les finitions
135. Projet #5 - Blog : Utilisation de Redux - Qu'allons-nous faire dans les prochaines sections
136. Quiz du module 2
137. Redux - Qu'est-ce que Redux et pourquoi l'utiliser
138. Redux - Comprenons le fonctionnement de Redux
139. Redux - Connecter Redux avec React
140. Redux - Connecter le store avec React
141. Redux - Connecter les actions avec React
142. Redux - Passer des données dynamiques avec les actions
143. Redux - Protégeons le nom des actions
144. Redux - Combinons le state local avec Redux
145. Redux - Finaliser sur le Redux
146. Envoyer son projet sur internet - Comment allons-nous faire
147. Envoyer son projet sur internet - Changer le basename
148. Envoyer son projet sur internet - Créer un build du projet
149. Envoyer son projet sur internet - Envoyer le projet avec Firebase
150. Les petits plus qui font toute la différence - Ajouter des notifications
151. Les petits plus qui font toute la différence - Afficher la date dans la langue de molière
152. Les petits plus qui font toute la différence - Modifier dynamiquement la balise head
153. Les petits plus qui font toute la différence - Utiliser Bootstrap avec React
154. Les petits plus qui font toute la différence - Utiliser des types avec PropTypes
155. Conclusion - Félicitations, vous avez réussi !
156. Quiz du module 3
157. Bravo
158. Evaluation finale
Comment ca marche :
En cliquant sur le bouton Commencer ou Reprendre, vous accedez a la page du parcours en cours, qui regroupe vos contenus en ligne et vos etapes de certification.
- Suivez le ou les contenus en ligne (cours) dans l ordre prevu. Vous pouvez revenir sur vos contenus a tout moment tant que le parcours n est pas termine.
- Au fil du parcours, les etapes suivantes se debloquent progressivement (contenus et quiz intermediaires, si presents).
- Lorsque vous atteignez le quiz final, les questions s affichent au fur et a mesure de vos reponses pour une experience plus fluide.
- A la fin du questionnaire, vous obtenez immediatement votre resultat, egalement disponible dans votre espace client.
- En cas de reussite, votre parchemin PDF nominatif est genere automatiquement, avec verification securisee par QR code.

Petit mot d’encouragement
Vous vous apprêtez à suivre un parcours de formation. Prenez le temps d apprendre, restez concentré(e) et faites-vous confiance : cette micro-certification est l occasion de valoriser concrètement vos acquis.
Les micro-certifications les plus populaires
Vous pouvez retrouver ci-dessous le TOP 3 des certifications les plus populaires.

Storytelling de marque
Testez vos connaissances et validez vos acquis dans le domaine Vente, Marketing & Client avec la micro-certification Storytelling de marque.
Utilisee 1300 fois
Voir la micro-certification
NLP (Traitement du langage naturel) appliqué au Marketing
Testez vos connaissances et validez vos acquis dans le domaine IA Avancée & Data avec la micro-certification NLP (Traitement du langage naturel) appliqué au Marketing.
Utilisee 1300 fois
Voir la micro-certification
Pilotage de la performance par les OKR
Testez vos connaissances et validez vos acquis dans le domaine Management & Leadership 2026 avec la micro-certification Pilotage de la performance par les OKR.
Utilisee 1300 fois
Voir la micro-certification
Consultant en mobilite douce pour entreprises
Testez vos connaissances et validez vos acquis dans le domaine Transition Écologique & Impact avec la micro-certification Consultant en mobilite douce pour entreprises.
Utilisee 1296 fois
Voir la micro-certificationOffres organismes
Vous êtes un organisme ou un acteur de la formation.
