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
Affichages conditionnels
458
01 - Afficher des composants sous conditions
Cours
4m38
459
02 - Variabiliser les éléments
Cours
3m58
460
03 - Lier le principe d'état et la notion d'affichage conditionnel
Cours
6m05
461
04 - Modification du state et gestion de l'affichage conditionnel
Cours
6m24
462
05 - L’opérateur &&
Cours
4m20
463
06 - Les conditions ternaires
Cours
1m59
Composants et props
442
01 - Fonctions Composants et Classes Composants
Cours
10m07
443
02 - Props et fonctions
Cours
5m03
444
03 - Props et classes
Cours
4m44
445
04 - Explication sur les classes
Cours
0m50
446
05 - Conclusion avant l’exercice pratique
Cours
1m15
447
06 - Introduction à l’exercice
Cours
3m03
448
07 - Correction de l’exercice - Gestion des composants
Cours
14m23
449
08 - Correction de l’exercice - Gestion de l'objet Props
Cours
6m23
450
09 - Outro
Cours
0m23
Comprendre la syntaxe JSX
434
01 - Explication sur la syntaxe
Cours
1m36
435
02 - Les expressions JSX
Cours
8m50
436
03 - Les expressions JSX et ES6
Cours
1m02
437
04 - Spécifier des attributs en JSX
Cours
2m38
438
05 - Spécifier des éléments enfants
Cours
3m40
439
06 - JSX représente des objets
Cours
3m44
Connecter la Todo App à une fausse API Backend
510
01 - Installation d'un faux serveur JSON
TP
2m43
511
02 - Configuration du serveur JSON
TP
2m59
512
03 - Charger les todos depuis le serveur
TP
4m13
513
04 - Gérer la suppression d'un todo sur le serveur
TP
3m43
514
05 - Gérer l'ajout d'un TODO
TP
5m32
515
06 - Gérer la modification d'un TODO
TP
6m49
516
07 - Outro
TP
1m27
Etat et cycle de vie
451
01 - Approche de la gestion d'état
Cours
7m12
452
02 - Mise en place d'un state
Cours
5m53
453
03 - Comment mettre à jour un composant
Cours
11m16
454
04 - Méthodes de cycles de vie
Cours
1m53
455
05 - Résumé
Cours
1m32
456
06 - Aller plus loin au niveau du state
Cours
6m43
Exercice convertisseur de poids - Faire remonter l'état
471
01 - Intro
Cours
3m18
472
02 - Composition et héritage
Cours
5m48
473
03 - Remonter l'état
Cours
8m33
474
04 - Lier le state aux valeur des inputs
Cours
11m46
475
05 - Mise en place des méthodes de conversion
Cours
7m11
476
06 - Conversion
Cours
6m10
477
07 - Debug
Cours
1m22
478
08 - Condition ternaire
Cours
4m01
479
09 - S'occuper du reset du formulaire
Cours
7m33
480
10 - Debug
Cours
0m39
481
11 - Conclusion
Cours
1m52
Gestion des événements
457
01 - Gérer les événements
Cours
17m08
Introduction
430
00 - Présentation
Cours
5m
431
01 - Installation
Cours
2m30
432
02 - Création d'une application
Cours
8m59
433
03 - Hello World
Cours
5m23
Introduction aux hooks
488
01 - Introduction
Cours
2m10
489
02 - Le Hook d'état
Cours
10m50
490
03 - Le Hook d'effet
Cours
3m19
491
04 - Effet avec et sans nettoyage
Cours
7m48
492
05 - Explications
Cours
2m57
493
06 - Introduction à l’exercice
Cours
2m00
494
07 - Création du composant
Cours
10m34
495
08 - Lier un state au useEffect
Cours
2m32
496
09 - Outro TP
Cours
0m45
Le rendu des éléments
440
01 - Explications
Cours
7m08
441
02 - Mettre à jour un élément affiché façon JS
Cours
3m51
Les Formulaires
468
01 - Les composants controlés
Cours
10m07
469
02 - Gérer plusieurs saisies
Cours
16m59
470
03 - Outro
Cours
0m24
Listes et clés
464
01 - La gestion des listes en React JS avec la méthode map()
Cours
6m55
465
02 - Les composants basiques de liste
Cours
3m34
466
03 - Les clés
Cours
3m35
467
04 - Extraire des composants avec des clés
Cours
5m21
Notions utiles
482
01 - Spread Operator & Object Destructuring
Cours
7m23
483
02 - Méthodes map() et filter()
Cours
7m33
484
03 - BackTicks et destructuration de l'objet Props
Cours
4m32
485
04 - Ajouter du style dans composant React
Cours
2m08
486
05 - Appliquer des classes sous conditions
Cours
2m54
487
06 - Introduction au développement de l'application Todo APP
Cours
1m08
TP Pratique - Créer une Todo App
497
01 - Introduction
TP
1m00
498
02 - Création de l'application
TP
8m30
499
03 - Mise en place de l'architecture
TP
6m10
500
04 - Création des composants
TP
9m53
501
05 - Mise en place du state et de la liste de todos
TP
9m31
502
06 - Gérer l'ajout d'un Todo
TP
16m03
503
07 - Gérer la suppression d'un Todo
TP
8m07
504
08 - Gérer le toggle sur la propriété reminder
TP
37m30
505
09 - Gérer le toggle de l'affichage du formulaire - onClick
TP
11m33
506
10 - Gérer le compteur de todo et l'affichage d'un message si la liste est vide
TP
2m42
507
11 - Gérer le bouton de suppression
TP
3m23
508
12 - Gérer le toggle sur la propriété reminder de tous les todos
TP
9m46
509
13 - Mettre en place une navigation en React JS
TP
18m35