Nos vidéos en React JS

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

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

  • DEBUTANT
  • ACCESSIBLE SANS ENGAGEMENT
  • 8 HEURES DE VIDEO
  • 18 CHAPITRES
  • 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
Comprendre la syntaxe JSX
  • 01 - Explication sur la syntaxe - (1m36)
  • 02 - Les expressions JSX - (8m50)
  • 03 - Les expressions JSX et ES6 - (1m02)
  • 04 - Spécifier des attributs en JSX - (2m38)
  • 05 - Spécifier des éléments enfants - (3m40)
  • 06 - JSX représente des objets - (3m44)
Le rendu des éléments
  • 01 - Explications - (7m08)
  • 02 - Mettre à jour un élément affiché faç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'état - (7m12)
  • 02 - Mise en place d'un state - (5m53)
  • 03 - Comment mettre à jour un composant - (11m16)
  • 04 - Méthodes de cycles de vie - (1m53)
  • 05 - Résumé - (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 éléments - (3m58)
  • 03 - Lier le principe d'état et la notion d'affichage conditionnel - (6m05)
  • 04 - Modification du state et gestion de l'affichage conditionnel - (6m24)
  • 05 - L’opérateur && - (4m20)
  • 06 - Les conditions ternaires - (1m59)
Listes et clés
  • 01 - La gestion des listes en React JS avec la méthode map() - (6m55)
  • 02 - Les composants basiques de liste - (3m34)
  • 03 - Les clés - (3m35)
  • 04 - Extraire des composants avec des clés - (5m21)
Les Formulaires
  • 01 - Les composants controlés - (10m07)
  • 02 - Gérer plusieurs saisies - (16m59)
  • 03 - Outro - (0m24)
Exercice convertisseur de poids - Faire remonter l'état
  • 01 - Intro - (3m18)
  • 02 - Composition et héritage - (5m48)
  • 03 - Remonter l'état - (8m33)
  • 04 - Lier le state aux valeur des inputs - (11m46)
  • 05 - Mise en place des mé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 - Mé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 développement de l'application Todo APP - (1m08)
Introduction aux hooks
  • 01 - Introduction - (2m10)
  • 02 - Le Hook d'état - (10m50)
  • 03 - Le Hook d'effet - (3m19)
  • 04 - Effet avec et sans nettoyage - (7m48)
  • 05 - Explications - (2m57)
  • 06 - Introduction à l’exercice - (2m00)
  • 07 - Création du composant - (10m34)
  • 08 - Lier un state au useEffect - (2m32)
  • 09 - Outro TP - (0m45)
TP Pratique - Créer une Todo App
  • 01 - Introduction - (1m00)
  • 02 - Création de l'application - (8m30)
  • 03 - Mise en place de l'architecture - (6m10)
  • 04 - Création des composants - (9m53)
  • 05 - Mise en place du state et de la liste de todos - (9m31)
  • 06 - Gérer l'ajout d'un Todo - (16m03)
  • 07 - Gérer la suppression d'un Todo - (8m07)
  • 08 - Gérer le toggle sur la propriété reminder - (37m30)
  • 09 - Gérer le toggle de l'affichage du formulaire - onClick - (11m33)
  • 10 - Gérer le compteur de todo et l'affichage d'un message si la liste est vide - (2m42)
  • 11 - Gérer le bouton de suppression - (3m23)
  • 12 - Gérer le toggle sur la propriété 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 - Gérer la suppression d'un todo sur le serveur - (3m43)
  • 05 - Gérer l'ajout d'un TODO - (5m32)
  • 06 - Gérer la modification d'un TODO - (6m49)
  • 07 - Outro - (1m27)
Quiz
  • QUIZ - (15m)

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.

Combien de temps faut-il pour terminer ce cours ?

La durée varie selon votre rythme, mais généralement, les étudiants terminent ce cours en quelques semaines à quelques mois.

Qu'apprendrez-vous exactement dans ce cours ?

Vous apprendrez les fondamentaux de React JS, y compris JSX, les composants, les états, les hooks et le développement d'applications complexes.

Y a-t-il un support disponible en cas de questions ou de problèmes ?

Oui, un support est disponible pour répondre à vos questions et vous aider à résoudre les problèmes techniques que vous pourriez rencontrer.