Devenir opérationnel rapidement en React
4.4 (38 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
271 students enrolled

Devenir opérationnel rapidement en React

Apprendre React par la pratique
4.4 (38 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
271 students enrolled
Current price: $104.99 Original price: $149.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6 hours on-demand video
  • 3 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Apprendre à développer des applications React
  • Comprendre les spécifités de React afin de tirer profit de la librairie
  • Créer des formulaires
  • Implémenter le routage avec React-Router-DOM v5
  • Générer des fichiers PDF
  • Mettre en pratique les nouveautés d'ES 6
Course content
Expand all 50 lectures 06:06:45
+ Devenir opérationnel rapidement en React - Volume 1
13 lectures 01:47:44
Modifier l'état dun component à l'aide de setState
13:44
Gérer les événements click
10:11
Améliorer l'expérience utilisateur
01:53
Créer un child component et lui passer des props
09:27
Créer un child component utilisé par un child component
06:33
Ajouter Bootstrap 4
09:19
Formater les valeurs rendues
09:02
Utiliser le package toastify
13:20
Autres components simples
11:17
+ Devenir opérationnel rapidement en React - Volume 2
24 lectures 03:12:42
Repo github de "reacstimate"
00:02
Génération de notre application à l'aide de create-react-app
03:13
Passer des props à un component enfant
10:04
Afficher conditionnellement un component enfant
05:00
Stateless Functional Component
04:37
Création d'un formulaire
05:03
Faire d'un champ texte un "controlled component"
10:54
Installation de boostrap
01:03
Mettre à jour l'état lors d'un changement dans n'importe quel champ texte
11:11
Ajouter de nouvelles propriétés à l'objet "items"
07:41
Créer dynamiquement des instances d'un component
09:35
Gérer les changements de components enfants
08:18
Gérer les changements d'état des items du devis
10:06
Générer un fichier PDF
17:29
InputText : exemple de Stateless Functional Component
10:44
Utilisation de notre Stateless Functional Component
06:34
Présenter le document PDF
09:15
Introduction à Flexbox
08:33
Introduction à Flexbox (suite)
09:43
Introduction à Flexbox (fin)
11:14
Utilisation de reduce()
11:24
Finalisation du document PDF
14:29
Sauvegarder le PDF
01:45
+ Devenir opérationnel rapidement en React - Volume 3
12 lectures 01:05:16
Présentation du projet "en route"
03:24
Effectuer une requête AJAX
09:10
Passer les données de l'API en tant que props
04:38
Ajouter un component Todo et gérer la présentation à l'aide de Flexbox
06:09
Le routage dans le cas de components sans props
08:33
Le routage dans le cas d'un component qui a besoin d'une prop
02:09
Utilisation du component Link pour le routage
03:15
Styliser le menu de navigation à l'aide de Flexbox
04:42
Route avec paramètre dynamique
08:12
Récupérer le paramètre d'une route
05:50
Faire d'un Flexbox child également un container
05:55
Conclusion du projet 3
03:19
+ Bonus
1 lecture 01:01
Coupons vers des formations complémentaires
01:01
Requirements
  • HTML, CSS et JavaScript de base
Description

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 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 une application 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


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 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.

Who this course is for:
  • Développeurs/développeuses web en poste, freelances, étudiant(e)s en informatique
  • Développeuses et développeurs désireux d'apprendre une librairie JavaScript moderne et demandée