Coder une application de A à Z avec React JS
À propos du cours
La réalisation de projets étant la seule façon de progresser en programmation, j’ai donc décidé de compléter ma formation React.js (Disponible ici sur Success Coder) avec une nouvelle formation dans laquelle nous allons réaliser, ensemble, étape par étape, une petite application Marvel Quiz avec la librairie React JS. Cette longue formation de 42 vidéos détaillées (Plus de 10 heures de cours) vous aidera à la fois à mettre en pratique quelques-unes des notions acquises lors de ma formation sur React JS tout en vous permettant de vous lancer dans un vrais projet React JS. A la fin de cette formation, vous serai parfaitement capable d’intervenir sur n’importe quel projet sous React js sans difficulté.
Bonne formation à toutes et à tous 🙂
Contenu du cours
Etapes de réalisation de l’application
-
1 – Introduction et ressources
07:29 -
2 – Installation de notre application
02:51 -
3 – Création des composants Header, Landing et Footer
18:06 -
4 – Les boutons sur Landing et animation Wolverine
19:27 -
5 – Les évènements onMouseOver et onMouseOut
11:01 -
6 – Route, Link, Exact, et Switch dans React
20:48 -
Note React-Router-Dom version 6
-
7 – Les images et le inline CSS dans React.js
05:51 -
Instructions mise à jour Firebase 9
09:44 -
8 – Configuration Firebase
07:44 -
8- Configuration Firebase – Firebase 9
07:50 -
9 – Instancier la class Firebase via le Contexte
10:43 -
9- Instancier la class Firebase via le Contexte – Firebase 9
02:00 -
10 – Authentification via Firebase
09:10 -
10- Authentification via Firebase – Firebase 9
04:13 -
11 – Inscription via Firebase
39:25 -
11- Inscription via Firebase – Firebase 9
06:20 -
Note concernant la vidéo suivante
-
12 – Les redirections dans React
09:03 -
12- Les redirections dans React (React Router Dom v6)
02:07 -
13 – Connexion via Firebase
27:23 -
13- Connexion via Firebase – Firebase 9
05:40 -
14 – Déconnexion via Firebase
18:11 -
14- Déconnexion via Firebase – Firebase 9
04:57 -
15 – Gestion de la session utilisateur via Firebase
17:46 -
15- Gestion de la session utilisateur via Firebase – Firebase 9
03:03 -
16 – Changer un mot de passe oublié via Firebase
30:21 -
16- Changer un mot de passe oublié via Firebase – Firebase 9
10:04 -
17 – Firebase – Cloud Firestore
16:16 -
17- Firebase – Cloud Firestore – Firebase 9
12:58 -
18 – Récupérer de la data de Cloud Firestore
14:28 -
18- Récupérer de la data de Cloud Firestore – Firebase 9
06:35 -
19 – Composant Quiz, Levels et Progressbar
14:44 -
20 – Récupérer les questions à poser dans le quiz
19:13 -
21 – Récupérer les questions à poser dans le quiz – 2
11:14 -
22 – Valider une réponse & activer le bouton
11:36 -
23 – Validation de la réponse et gestion du score
14:53 -
24 – Affichage des Notification via React Toastify
16:37 -
25 – Terminer un niveau et accéder aux réponses
06:53 -
26 – Bouton de validation et le composant ProgressBar
12:44 -
27 – Travailler le JSX du composant QuizOver
18:26 -
28 – Gestion des affichages sur le composant QuizOver
27:06 -
29 – Chargement des questions du niveau suivant
22:52 -
30 – Correction Bug pourcentage de réussite
10:24 -
31 – Le package react-stepper-horizontal
22:02 -
32 – Les icônes via le package React-icons
11:21 -
33 – Destructuring et création du composant Loader
23:27 -
34 – Afficher une info-bulle via react-tooltip
06:26 -
35 – Afficher un Modal (PopUp) dans React
12:42 -
36 – API MARVEL
11:51 -
37 – Axios et Marvel API
22:05 -
38 – LocalStorage pour stocker la datas de Marvel API
22:26 -
39 – Affichage de la data dans le Modal
15:56 -
40 – Les règles de sécurité Cloud Firestore
06:49 -
41 – Variables d’environnement pour Firebase config
05:37 -
42 – Déploiement de notre application sur Firebase
11:45 -
INFOS, UPDATES & AUTRE
Notes et avis de l’apprenant
Encore aucun avis !