Développement Front EndJavascriptIntermédiaire
REACT JS
Apprenez les concepts principaux en REACT JS et développez de sublimes interfaces utilisateur !
🚀 Commencer✓ Accès gratuit
📋 Programme du cours
Introduction
1
00 - Présentation
Cours
5m
2
01 - Installation
Cours
2m30
3
02 - Création d'une application
Cours
8m59
4
03 - Hello World
Cours
5m23
Comprendre la syntaxe JSX
5
01 - Explication sur la syntaxe
Cours
1m36
6
02 - Les expressions JSX
Cours
8m50
7
03 - Les expressions JSX et ES6
Cours
1m02
8
04 - Spécifier des attributs en JSX
Cours
2m38
9
05 - Spécifier des éléments enfants
Cours
3m40
10
06 - JSX représente des objets
Cours
3m44
Le rendu des éléments
11
01 - Explications
Cours
7m08
12
02 - Mettre à jour un élément affiché façon JS
Cours
3m51
Composants et props
13
01 - Fonctions Composants et Classes Composants
Cours
10m07
14
02 - Props et fonctions
Cours
5m03
15
03 - Props et classes
Cours
4m44
16
04 - Explication sur les classes
Cours
0m50
17
05 - Conclusion avant l’exercice pratique
Cours
1m15
18
06 - Introduction à l’exercice
Cours
3m03
19
07 - Correction de l’exercice - Gestion des composants
Cours
14m23
20
08 - Correction de l’exercice - Gestion de l'objet Props
Cours
6m23
21
09 - Outro
Cours
0m23
Etat et cycle de vie
22
01 - Approche de la gestion d'état
Cours
7m12
23
02 - Mise en place d'un state
Cours
5m53
24
03 - Comment mettre à jour un composant
Cours
11m16
25
04 - Méthodes de cycles de vie
Cours
1m53
26
05 - Résumé
Cours
1m32
27
06 - Aller plus loin au niveau du state
Cours
6m43
Gestion des événements
28
01 - Gérer les événements
Cours
17m08
Affichages conditionnels
29
01 - Afficher des composants sous conditions
Cours
4m38
30
02 - Variabiliser les éléments
Cours
3m58
31
03 - Lier le principe d'état et la notion d'affichage conditionnel
Cours
6m05
32
04 - Modification du state et gestion de l'affichage conditionnel
Cours
6m24
33
05 - L’opérateur &&
Cours
4m20
34
06 - Les conditions ternaires
Cours
1m59
Listes et clés
35
01 - La gestion des listes en React JS avec la méthode map()
Cours
6m55
36
02 - Les composants basiques de liste
Cours
3m34
37
03 - Les clés
Cours
3m35
38
04 - Extraire des composants avec des clés
Cours
5m21
Les Formulaires
39
01 - Les composants controlés
Cours
10m07
40
02 - Gérer plusieurs saisies
Cours
16m59
41
03 - Outro
Cours
0m24
Exercice convertisseur de poids - Faire remonter l'état
42
01 - Intro
Cours
3m18
43
02 - Composition et héritage
Cours
5m48
44
03 - Remonter l'état
Cours
8m33
45
04 - Lier le state aux valeur des inputs
Cours
11m46
46
05 - Mise en place des méthodes de conversion
Cours
7m11
47
06 - Conversion
Cours
6m10
48
07 - Debug
Cours
1m22
49
08 - Condition ternaire
Cours
4m01
50
09 - S'occuper du reset du formulaire
Cours
7m33
51
10 - Debug
Cours
0m39
52
11 - Conclusion
Cours
1m52
Notions utiles
53
01 - Spread Operator & Object Destructuring
Cours
7m23
54
02 - Méthodes map() et filter()
Cours
7m33
55
03 - BackTicks et destructuration de l'objet Props
Cours
4m32
56
04 - Ajouter du style dans composant React
Cours
2m08
57
05 - Appliquer des classes sous conditions
Cours
2m54
58
06 - Introduction au développement de l'application Todo APP
Cours
1m08
Introduction aux hooks
59
01 - Introduction
Cours
2m10
60
02 - Le Hook d'état
Cours
10m50
61
03 - Le Hook d'effet
Cours
3m19
62
04 - Effet avec et sans nettoyage
Cours
7m48
63
05 - Explications
Cours
2m57
64
06 - Introduction à l’exercice
Cours
2m00
65
07 - Création du composant
Cours
10m34
66
08 - Lier un state au useEffect
Cours
2m32
67
09 - Outro TP
Cours
0m45
TP Pratique - Créer une Todo App
68
01 - Introduction
TP
1m00
69
02 - Création de l'application
TP
8m30
70
03 - Mise en place de l'architecture
TP
6m10
71
04 - Création des composants
TP
9m53
72
05 - Mise en place du state et de la liste de todos
TP
9m31
73
06 - Gérer l'ajout d'un Todo
TP
16m03
74
07 - Gérer la suppression d'un Todo
TP
8m07
75
08 - Gérer le toggle sur la propriété reminder
TP
37m30
76
09 - Gérer le toggle de l'affichage du formulaire - onClick
TP
11m33
77
10 - Gérer le compteur de todo et l'affichage d'un message si la liste est vide
TP
2m42
78
11 - Gérer le bouton de suppression
TP
3m23
79
12 - Gérer le toggle sur la propriété reminder de tous les todos
TP
9m46
80
13 - Mettre en place une navigation en React JS
TP
18m35
Connecter la Todo App à une fausse API Backend
81
01 - Installation d'un faux serveur JSON
TP
2m43
82
02 - Configuration du serveur JSON
TP
2m59
83
03 - Charger les todos depuis le serveur
TP
4m13
84
04 - Gérer la suppression d'un todo sur le serveur
TP
3m43
85
05 - Gérer l'ajout d'un TODO
TP
5m32
86
06 - Gérer la modification d'un TODO
TP
6m49
87
07 - Outro
TP
1m27