Cours
PrestaShop

Newsletter

React JS

Créer une application ou une page web avec React, bibliothèque de JavaScript

Ou s'abonner pour un accès illimité sans engagement à tout Skilleos pour 19,90€/mois. En savoir plus
chapitre

Chapitres

93

chrono

Durée

08h01 de cours en ligne

chrono

Prérequis

acces

Accès

24h/24 et 7j/7
PC/Mac, tablette et smartphone

certificat

Certificat

Délivré à la fin de la formation

1for1

1 For 1

Un abo ou un achat sur Skilleos = Un cours offert à un bénéficiaire

Anthony Welc

Anthony Welc

Anthony WELC rend la création web accessible à tous les apprentis codeurs. Des dizaines de milliers d'étudiants ont déjà suivi ses cours sur le développement web moderne (Javascript, React...).

De part son expertise, il a suivi et accompagné personnellement la ré-orientation de nombreux élèves venant de tous horizons.

Actuellement CTO, Anthony WELC code essentiellement pour des startups et des clients premium.

Vous cherchez le meilleur moyen de construire des applications ou des sites web modernes ? Vous avez envie de donner un bon coup d’accélérateur à votre apprentissage de JavaScript ? Que vous soyez débutant ou confirmé, ce cours en ligne vous permettra d'apprendre à utiliser React JS en travaillant sur des projets concrets de création d'applications web.

Avec ce cours sur React JS vous apprendrez à utiliser React JS, que vous soyez débutant ou confirmé. Vous pourrez ainsi créer des applications et pages web efficacement.

Contenu du cours

  • Code final du projet Markdown
  • Codes de base et final du projet Chat Box
  • Codes de base et final du projet La boîte à recettes
  • Fichiers sources pour les créations d'applications web

À la fin du cours, vous serez capable de :

  • Créer une application ou un site React.js de A à Z
  • Comprendre les Components React.js et écrire en JSX
  • Créer et maintenir les States d'une application
  • Stocker des informations dans une base de données avec Firebase
  • Créer un code lisible et maintenable
  • Naviguer d'une URL à une autre en utilisant React Router 4
  • Coder plus efficacement grâce aux possibilités qu'offre ES6
  • Lancer une application ou un site React.js sur le web
  • Mettre en place un système d'authentification

Chapitres

INTRODUCTION
1
01:07
Introduction
2
03:31
React, c'est quoi ?
3
04:06
Pourquoi apprendre et utiliser React ?
4
03:02
Single Page App VS Multi Page App
5
05:58
Plan du cours
6
05:12
Les outils nécessaires
7
01:52
Comment suivre cette formation ?
LES BASES DE REACT
8
05:07
Un Workflow Moderne
9
03:38
Utiliser create-react-app
10
09:00
Comprendre la structure d'un dossier
11
04:54
C'est quoi un Component ?
12
03:40
Comprendre le JSX
13
05:18
Particularité du JSX
14
06:41
Créer un Component Stateless
15
02:01
Réutiliser les Components
16
02:39
Du Javascript dans le JSX
17
06:02
Les Props
18
04:19
La Props Children
19
04:22
Le State
20
02:32
Gérer les Évènements
21
05:40
Modifier le State
22
07:09
Passer des Méthodes entre les Components
23
06:18
Gérer les Inputs
24
03:26
Ajouter du style avec du CSS
25
04:22
Utiliser le style Inline
EXERCICE : CRÉER UN ÉDITEUR MARKDOWN
26
03:37
Création du Projet
27
05:17
Écrire du HTML avec JSX
28
02:45
Importer du JavaScript Perso
29
03:47
Utiliser et modifier le State
30
06:17
Du Markdown avec Marked.js
31
08:56
Sauvegarder le State avec le localStorage
RENDU CONDITIONNEL ET LISTE
32
07:01
Base du rendu conditionnel
33
04:18
Rendu conditionnel complexe
34
06:27
Rendre une liste
35
04:44
Manipuler le State via un élément d'une liste
36
04:22
Utiliser et comprendre les "keys"
37
03:43
Event et argument dans une liste
38
02:37
Résumé
EXERCICE : CODER UN CHAT
39
07:45
Initialisation du projet
40
05:47
Formulaire de connexion
41
08:15
Découverte de React Router V4
42
07:00
Changement de page avec React Router V4
43
06:15
Création des Components
44
14:43
Enregistrer les messages dans le State
45
06:38
Gestion de nouveaux Events
46
03:51
Afficher notre State
47
06:34
Découverte de Firebase
48
05:03
Connecter Firebase et React
49
04:32
Synchroniser notre State et la Realtime Database
50
04:48
Les Ref dans React : createRef()
51
05:01
Supprimer des éléments du State
52
04:11
Rendu conditionnel des messages
53
10:01
Gérer les animations en React
54
02:00
Résumé
EXERCICE : LA BOÎTE À RECETTES
55
04:03
Introduction
56
05:00
Initialisation du projet
57
04:58
Créer le Header
58
03:52
Remplir le State en un clic
59
04:40
Afficher le State
60
07:07
Component Card
61
02:44
Images dynamiques
62
06:25
Connecter l'app avec Firebase
63
06:09
Ajouter une recette
64
08:26
Formulaire avec React
65
18:54
Gérer l'authentification
66
05:36
Modifier les recettes
67
05:16
Modifier le State via le formulaire
68
03:17
Supprimer une recette
69
04:13
Activer l'authentification Facebook dans Firebase
70
07:35
Gérer le formulaire de modification
71
02:46
Gérer la déconnexion
72
04:03
Persister la connexion entre les sessions
73
04:09
Règles de sécurité de Firebase
74
01:55
Résumé
NOTIONS AVANCÉES
75
04:55
Organiser les fichiers
76
06:30
Les cycles de vie de React
77
06:54
Les cycles de vie concrètement
78
03:48
Éléments JSX adjacents
79
08:35
Higher-Order Components (HOC)
80
09:03
HOC concrètement
81
06:48
Les PropTypes
82
09:45
React Context API
83
01:58
Résumé
METTRE EN LIGNE UNE APP REACT
84
01:36
Le Build
85
03:50
Déployer sur Netlify
86
04:48
Paramètres d'authentification
87
03:23
Gérer les redirections
ALLER PLUS LOIN
88
02:58
Exemples de sites utilisant React
89
02:41
React côté serveur avec Next.js
90
03:19
Générateur de sites avec Gatsby.js
91
03:50
Des apps mobiles avec React Native
92
02:51
Librairie de Components : Ant Design
93
04:58
Une App pour apprendre à coder ?

React JS

49.00 €

close if for show price

  • langues fr