Devenir opérationnel rapidement en React - Volumes 1, 2 et 3
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Devenir opérationnel rapidement en React - Volumes 1, 2 et 3

Codeconcept
49,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Les compétences sur React restent parmi les plus recherchées en 2019 dans l'univers du développement Front (quasiment à égalité avec Angular). S'il est vrai que de nouveaux frameworks Front sortent régulièrement, la réalité du marché est sans équivoque : sites d'emploi et réseaux sociaux pro continuent de regorger d'offres d'emploi et de missions React.

Cette formation vidéo est faite pour vous, qui désirez acquérir rapidement et efficacement des compétences React. Que vous soyez développeur web souhaitant apprendre une toute première librairie Front ou que vous ayez déjà une compétence sur un autre framework ou une autre librairie Front (telle qu'Angular ou Vue), cette formation vous permettra :

  • d'aller à l'essentiel en créant d'emblée des applications React,
  • d'apprendre les bonnes pratiques à intégrer dès le début et de prendre conscience des anti-patterns à éviter,
  • d'apprendre les raccourcis de pro qui vous feront gagner du temps,
  • de comprendre les spécificités de React afin de tirer profit de la librairie ,
  • de créer des formulaires, 
  • d'implémenter le routage avec React-Router-DOM v5,
  • de générer des fichiers PDF,
  • de mettre en pratique les nouveautés d'ES 6.

 

Au programme de cette formation : devenir opérationnel avec React

Le volume 1 vous permettra de prendre en main React via la création d'un Pomodoro.
Au programme :

  • components
  • state
  • gestion d'événements
  • child components
  • utilisation de Twitter Bootstrap
  • utilisation de components externes, en l'occurrence de "toastify"

Le volume 2 vous vous fera passer le niveau supérieur en vous accompagnant durant la création d'un générateur de devis + exports desdits devis au format PDF :

  • gestion de formulaires
  • création de controlled components
  • création de SFC (Stateless Functional Components)
  • génération de PDF

Le volume 3 de cette formation vous permettra d'élargir l'horizon des connaissances React acquises lors des volumes 1 et 2.
Au programme :
routage
requêtes AJAX
menu Flexbox

Comme c'était le cas lors des volumes 1 et 2, nous développerons ensemble une application concrète - une SPA obtenant ses données à partir d'une API REST -  qui vous permettra d'articuler tous les points abordés, afin que vous puissiez comprendre et mettre en oeuvre ces techniques lors d'une mission React.

Prenez en main facilement cette librairie utilisée par de nombreuses entreprises, ce qui vous garantira d'être en position de force face aux recruteurs. Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. Les fichiers de travail sont fournis. 

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Projet 1 - Tomatimer
Chapitre 2
Projet 2 - Un générateur de devis
Chapitre 3
Projet 3 - "en route"

Plan détaillé du cours

Chapitre 1 : Projet 1 - Tomatimer
1h47m
 
Leçon 1Présentation
Leçon 2Présentation de l'application créée et modification du component racine
Leçon 3Créer notre premier component
Leçon 4Modifier l'état dun component à l'aide de setState
Leçon 5Gérer les événements click
Leçon 6Améliorer l'expérience utilisateur
Leçon 7Créer un child component et lui passer des props
Leçon 8Créer un child component utilisé par un child component
Leçon 9Ajouter Bootstrap 4
Leçon 10Formater les valeurs rendues
Leçon 11Utiliser le package toastify
Leçon 12Autres components simples
Chapitre 2 : Projet 2 - Un générateur de devis
3h18m
 
Leçon 1Présentation du projet
Leçon 2Génération de notre application à l'aide de create-react-app
Leçon 3Passer des props à un component enfant
Leçon 4Afficher conditionnellement un component enfant
Leçon 5Stateless Functional Component
Leçon 6Création d'un formulaire
Leçon 7Faire d'un champ texte un "controlled component"
Leçon 8Installation de boostrap
Leçon 9Mettre à jour l'état lors d'un changement dans n'importe quel champ texte
Leçon 10Ajouter de nouvelles propriétés à l'objet "items"
Leçon 11Créer dynamiquement des instances d'un component
Leçon 12Gérer les changements de components enfants
Leçon 13Gérer les changements d'état des items du devis
Leçon 14Générer un fichier PDF
Leçon 15InputText : exemple de Stateless Functional Component
Leçon 16Utilisation de notre Stateless Functional Component
Leçon 17Présenter le document PDF
Leçon 18Introduction à Flexbox
Leçon 19Introduction à Flexbox (suite)
Leçon 20Introduction à Flexbox (fin)
Leçon 21Présentation plus élaborée du devis
Leçon 22Utilisation de reduce()
Leçon 23Finalisation du document PDF
Leçon 24Sauvegarder le PDF
Chapitre 3 : Projet 3 - "en route"
1h05m
 
Leçon 1Présentation du projet "en route"
Leçon 2Effectuer une requête AJAX
Leçon 3Passer les données de l'API en tant que props
Leçon 4Ajouter un component Todo et gérer la présentation à l'aide de Flexbox
Leçon 5Le routage dans le cas de components sans props
Leçon 6Le routage dans le cas d'un component qui a besoin d'une prop
Leçon 7Utilisation du component Link pour le routage
Leçon 8Styliser le menu de navigation à l'aide de Flexbox
Leçon 9Route avec paramètre dynamique
Leçon 10Récupérer le paramètre d'une route
Leçon 11Faire d'un Flexbox child également un container
Leçon 12Conclusion du projet 3

Avis des apprenants

Détail des avis
8
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Mathieu Margotin
Mathieu Margotin
Publié le 10/11/2019
Super ! Je continue avec les Hooks :-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

React

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données