Nos vidéos en React JS

Maitrisez les concepts fondamentaux du développement web en React JS en 8 heures

Abonnez-vous pour 29€/mois - OU - Acheter ce cours pour 15,99€ 24,99€

EXCELLENT 4.9 sur 5 basé sur +125 avis

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 !

Abonnez-vous pour 29€/mois - OU - Acheter ce cours pour 15,99€ 24,99€

EXCELLENT 4.9 sur 5 basé sur +125 avis

Intermediaire
5h00 HEURES DE VIDEO
87 CHAPITRES
ACCESSIBLE SANS ENGAGEMENT
SUPPORTS DE CODE FOURNIS
CORRECTIONS EXERCICES FOURNIES
SUPPORTS PDF TÉLÉCHARGEABLES
MOBILE FRIENDLY

Découvrez sans plus attendre l'univers React JS et développez vos premiers sites web en un rien de temps !

A la fin de cette formation vous serez capable de :

Maitriser les concepts clés liés à la librairie React JS
Développer vos premières applications en React JS
Relier une application React JS à un back-end en utilisant les technologies asynchrones
Acquérir les bonnes pratiques en React JS

Un apprentissage pas à pas calibré pour les débutants !

Comprendre la syntaxe JSX
Maitriser le rendu des éléments
Développer vos propres composants en utilisant les props
Gérer l'état et le cycle de vie de vos composants
Gérer les événements en React JS
Manipuler les affichages conditionnels
Maitriser les principaux hooks d'état et d'effet
Et plus encore!

Notre équipe de formateurs décortique chaque sujet pour vous offrir des vidéos ludiques et intéractives, facil d'accès.

A qui est destiné ce cours?

Toute personne souhaitant démarrer une carrière de développeur front-end
Toute personne souhaitant apprendre une librairie javascript puissante
Toute personne familière avec les langages de programmation ou l'univers du web
Toute personne en recherche de bonnes pratiques
Toute personne voulant vérifier ses acquis ou se mettre à jour avec les dernières pratiques en React JS
Toute personne souhaitant créer des interfaces utilisateurs puissantes et facilement maintenables

Prérequis

Vous aurez besoin de maitriser les bases en Javascript avant de commencer ce module. Pour le reste, tout ce dont vous avez besoin de savoir pour maitriser React JS vous sera expliqué pas à pas!

Plan du cours :

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)

Abonnez-vous pour 29€/mois - OU - Acheter ce cours pour 15,99€ 24,99€

EXCELLENT 4.9 sur 5 basé sur +125 avis

Questions fréquentes

Quel est le niveau requis pour commencer ce cours de React JS ?

Ce cours est conçu pour les développeurs ayant une connaissance de base en JavaScript. Aucune expérience préalable avec React n'est nécessaire.

Ce cours inclut-il des projets pratiques ?

Oui, ce cours comprend des projets pratiques, y compris le développement d’une application Todo et d’un jeu RPG, pour appliquer ce que vous avez appris.