REACT JS - Académie WS

5h00

REACT JS

87 vidéos

REACT JS

15,99€

Apprenez les concepts principaux en REACT JS et développez de sublimes interfaces utilisateur !

Dernière mise à jour : 01/2023

0% COMPLETE

ACHETER CE COURS

Sommaire du cours

Prochaine vidéo 00 - Présentation (5m)

Introduction

00 - Présentation
5m

01 - Installation
2m30

02 - Création d'une application
8m59

03 - Hello World
5m23

Comprendre la syntaxe JSX

01 - Explication sur la syntaxe
1m36

02 - Les expressions JSX
8m50

03 - Les expressions JSX et ES6
1m02

04 - Spécifier des attributs en JSX
2m38

05 - Spécifier des éléments enfants
3m40

06 - JSX représente des objets
3m44

Le rendu des éléments

01 - Explications
7m08

02 - Mettre à jour un élément affiché façon JS
3m51

Composants et props

01 - Fonctions Composants et Classes Composants
10m07

02 - Props et fonctions
5m03

03 - Props et classes
4m44

04 - Explication sur les classes
0m50

05 - Conclusion avant l’exercice pratique
1m15

06 - Introduction à l’exercice
3m03

07 - Correction de l’exercice - Gestion des composants
14m23

08 - Correction de l’exercice - Gestion de l'objet Props
6m23

09 - Outro
0m23

Etat et cycle de vie

01 - Approche de la gestion d'état
7m12

02 - Mise en place d'un state
5m53

03 - Comment mettre à jour un composant
11m16

04 - Méthodes de cycles de vie
1m53

05 - Résumé
1m32

06 - Aller plus loin au niveau du state
6m43

Gestion des événements

01 - Gérer les événements
17m08

Affichages conditionnels

01 - Afficher des composants sous conditions
4m38

02 - Variabiliser les éléments
3m58

03 - Lier le principe d'état et la notion d'affichage conditionnel
6m05

04 - Modification du state et gestion de l'affichage conditionnel
6m24

05 - L’opérateur &&
4m20

06 - Les conditions ternaires
1m59

Listes et clés

01 - La gestion des listes en React JS avec la méthode map()
6m55

02 - Les composants basiques de liste
3m34

03 - Les clés
3m35

04 - Extraire des composants avec des clés
5m21

Les Formulaires

01 - Les composants controlés
10m07

02 - Gérer plusieurs saisies
16m59

03 - Outro
0m24

Exercice convertisseur de poids - Faire remonter l'état

01 - Intro
3m18

02 - Composition et héritage
5m48

03 - Remonter l'état
8m33

04 - Lier le state aux valeur des inputs
11m46

05 - Mise en place des méthodes de conversion
7m11

06 - Conversion
6m10

07 - Debug
1m22

08 - Condition ternaire
4m01

09 - S'occuper du reset du formulaire
7m33

10 - Debug
0m39

11 - Conclusion
1m52

Notions utiles

01 - Spread Operator & Object Destructuring
7m23

02 - Méthodes map() et filter()
7m33

03 - BackTicks et destructuration de l'objet Props
4m32

04 - Ajouter du style dans composant React
2m08

05 - Appliquer des classes sous conditions
2m54

06 - Introduction au développement de l'application Todo APP
1m08

Introduction aux hooks

01 - Introduction
2m10

02 - Le Hook d'état
10m50

03 - Le Hook d'effet
3m19

04 - Effet avec et sans nettoyage
7m48

05 - Explications
2m57

06 - Introduction à l’exercice
2m00

07 - Création du composant
10m34

08 - Lier un state au useEffect
2m32

09 - Outro TP
0m45

TP Pratique - Créer une Todo App

01 - Introduction
1m00

02 - Création de l'application
8m30

03 - Mise en place de l'architecture
6m10

04 - Création des composants
9m53

05 - Mise en place du state et de la liste de todos
9m31

06 - Gérer l'ajout d'un Todo
16m03

07 - Gérer la suppression d'un Todo
8m07

08 - Gérer le toggle sur la propriété reminder
37m30

09 - Gérer le toggle de l'affichage du formulaire - onClick
11m33

10 - Gérer le compteur de todo et l'affichage d'un message si la liste est vide
2m42

11 - Gérer le bouton de suppression
3m23

12 - Gérer le toggle sur la propriété reminder de tous les todos
9m46

13 - Mettre en place une navigation en React JS
18m35

Connecter la Todo App à une fausse API Backend

01 - Installation d'un faux serveur JSON
2m43

02 - Configuration du serveur JSON
2m59

03 - Charger les todos depuis le serveur
4m13

04 - Gérer la suppression d'un todo sur le serveur
3m43

05 - Gérer l'ajout d'un TODO
5m32

06 - Gérer la modification d'un TODO
6m49

07 - Outro
1m27

Apprenez à faire des applications React comme un pro !

Tous les développeurs les plus cool utilisent React, point à la ligne !...

Soyons sérieux, si vous ne savez pas développer d'application avec React alors vous loupez réellement quelque chose ! React est devenu la librairie Javascript la plus populaire depuis son lancement en 2011.

Si vous en avez marre des cours ennuyants et répétitifs sur internet et bien nous avons le cours parfait pour vous !

Ce cours vous apprendra tout ce dont vous avez besoin de savoir en React en partant de notions élémentaires pour arriver à des notions plus avancées. Vous retrouverez dans les prochaines vidéos la combinaison parfaite entre théorie et pratique ! Ici pas de bla-bla, que du concret !

...

...