React.js pour les débutants
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO React.js pour les débutants

Anthony Welc
49,99€
3 paiements de 16,33€ avec Klarna. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Voici une formation React de plus de 4h30 en vidéo ! React est un framework Javascript qui permet de construire des applications web et site Internet modernes. La particularité de cette formation repose sur la pratique, à travers l'étude détaillée de 3 projets. A l'issue de cette formation, vous serez autonome dans la création d'application web en React.

Au programme de cette formation React :

Écrire des lignes de code c'est très bien, c'est la base. Mais ça ne suffit pas pour être complètement autonome sur tes projets. C'est pourquoi on va aller beaucoup plus loin que simplement coder.
Nous verrons notamment comment créer des animations, mettre en place une base de données, créer un système d'authentification, gérer des routages d'URL, utiliser des lignes de commande, envoyer ton site sur un serveur web, coder avec les dernières fonctionnalités de JavaScript (ES6 et ES7), etc.
Tout ceci, en réalisant 3 applications React de A à Z ; nous partirons d'une application pour aller vers davantage de complexité. Vous aurez, à la fin de ce cours, 3 sites complets en ligne multi-devices fonctionnels sur ordinateurs, tablettes et smartphones.

Toute la formation est structurée pour vous permettre de progresser étape par étape même si vous êtes débutant (les plus avancés d'entre vous iront simplement plus vite). Aussi, nous allons, non seulement, coder côte à côte mais nous le ferons en se faisant plaisir !

Tous les fichiers sources utilisés sont inclus avec cette formation. L'objectif étant de facilité votre apprentissage, le rendre plus ludique et vous permettre d'utiliser ce code comme point de départ pour tes futurs projets. 

Vous pouvez me joindre à tout moment au cours de votre apprentissage depuis le salon d'entraide de ce cours.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Projet 1 : l'Éditeur de Markdown
Chapitre 3
Projet 2 : la Chat Box
Chapitre 4
Projet 3 : la Boîte à Recettes
Chapitre 5
Aller plus loin

Plan détaillé du cours

Chapitre 1 : Introduction
13m30
 
Leçon 1Introduction, Outils et Éditeur
Leçon 2Comprendre les Components
Chapitre 2 : Projet 1 : l'Éditeur de Markdown
43m56
 
Leçon 1Notre premier Component React
Leçon 2Écrire du HTML avec le JSX de React
Leçon 3Importer du JavaScript Perso avec React
Leçon 4Utiliser les States de React
Leçon 5Modifier le State de React
Leçon 6Du Markdown avec Marked.js
Leçon 7Sauvegarder le State avec le localStorage
Chapitre 3 : Projet 2 : la Chat Box
1h49
 
Leçon 1Mise en place de la chatBox
Leçon 2Séparer les Components React
Leçon 3Créer tous les Components React
Leçon 4Comprendre les Props dans React
Leçon 5Découvrir React Router
Leçon 6Utiliser les Events dans React
Leçon 7Changer de page avec React Router
Leçon 8Sauvegarder notre State avec React
Leçon 9Booster notre formulaire
Leçon 10Afficher notre State
Leçon 11Synchroniser React et Firebase
Leçon 12Supprimer les données du State
Leçon 13Créer des Animations CSS avec React
Leçon 14Attention aux propTypes dans React
Chapitre 4 : Projet 3 : la Boîte à Recettes
1h26
 
Leçon 1Rafraîchissons-nous la mémoire
Leçon 2Création du Header
Leçon 3Remplir le State React d'un clic
Leçon 4Afficher les recettes
Leçon 5Synchroniser chaque boîte à recettes avec Firebase
Leçon 6Ajouter des recettes
Leçon 7Modifier des recettes
Leçon 8Supprimer des recettes
Leçon 9Créer les app's Facebook et Twitter pour l'authentification
Leçon 10Mise en place du système d'authentification
Chapitre 5 : Aller plus loin
14m37
 
Leçon 1Créer ta propre App'
Leçon 2Préparer le projet à la mise en ligne (build)
Leçon 3Envoyer notre site sur le web
Leçon 4Aller plus loin

Aperçus

Avis des apprenants

Détail des avis
369
Apprenants
6
Commentaires
3,9/5
Note moyenne
5/5
1
4/5
3
3/5
2
2/5
0
1/5
0
Jérôme Allegre
Jérôme Allegre
Publié le 16/02/2019
Formation dynamique qui propose de suite une mise en situation pour comprendre les principes de React.
Olivier Ousmail
Olivier Ousmail
Publié le 11/05/2020
Bonjour, La formatin est certe intéressante, mais le ton est largement trop soutenu, pour une formation orientée soi disant débutant. Trop rapide, trop pointu, pas de réelle explication, vous faites ci, vous faites ça, mais pas de réponse à la question magique "pourquoi dois je le faire" ?! On a l'impression que vous avez un train à prendre, tellement rapide que certaines vidéo se coupent avant d'avoir même eu le dernier mot de votre discours. Un ton plus posé aurait été un gros plus. Merci tout de même pour ce cour.
Intouchable772
Intouchable772
Publié le 22/03/2017
Très bon tutoriel avec la création de plusieurs composants, parfait pour poser des bases sur React.

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

Souhaitant apprendre React Native, je voulais savoir si cela serait utile d'apprendre React.js. Y a t-il de trop grande différence entre les deux ou bien il est utile de commencer par React.js ?

Il est (très) utile de commencer par React.js. React Native est du React.js packagé avec des options pour rendre le code nativement compatible sur mobile. La première étape est d'apprendre React.js puis de se mettre à jour sur les particularités de React Native. Une fois que tu connais React c'est relativement facile de passer à React Native ;) Très bon article ici (en anglais) https://medium.com/@alexmngn/from-reactjs-to-react-native-what-are-the-main-differences-between-both-d6e8e88ebf24#.g4oi83f5c Bonne formation !

Hello, Est ce que vous utilisez Redux ou Flux dans cette formation ? Merci

Hello ! Non cette formation se concentre sur React et quelques outils qui gravitent autour mais n'aborde pas Redux. Je pense faire une version "avancé" du tuto dans le futur pour aborder Redux ;)

Payer plus tard ou en 3x

Prix d'achat : 49,00 €
Pour payer plus tard ou en plusieurs versements échelonnés, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez plus tard ou en plusieurs fois

3 paiements de 16,33 €
tous les mois, sans intérêts
Total : 49,00 €
Afficher les conditions : Klarna
Klarna : conditions d'utilisation du paiement différé en 3 échéances.

Attendez ! 🤗

Accédez à plus de 1424 tutos gratuits

Notre politique de protection des données