$ 29.00

Tuto React 16+ - Le Guide Complet (+ React Router 4 & Firebase) avec React

$ 29.00

  • Une formation vidéo de 8h01m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Apprendre React avec la formation la plus complète

Est-ce que tu cherches le meilleur moyen de construire des applications ou des sites web modernes ?
Tu as déjà essayé plein de cours sur React mais ils ne sont ni très clairs ni en français ?
Tu as envie de donner un bon coup d’accélérateur dans ton apprentissage de JavaScript ?
Cette formation React en vidéo est exactement ce qu'il te faut !
 

Quels sont les avantages de cette formation ?

  • Avantage 1 : Le cours est entièrement orienté autour de projets réels
    Tu ne vas pas apprendre React comme dans une salle de classe. Je mets un point d'honneur à proposer des formations qui s'articulent autour de projets concrets.
  • Tu vas créer 3 applications de A à Z. Dans un ordre de difficulté crescendo. Comme ça, même si tu es un peu effrayé par React, tu auras le temps de l'apprivoiser à ton rythme.Tu pourras ensuite créer tous les projets de sites ou d'applications qui te passent par la tête.
  • Avantage 2 : Tu vas apprendre bien plus que simplement coder en React.js
    É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. Ça inclut de 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)...
  • Avantage 3 : Dès que tu auras fini la formation tu auras en main 3 vraies applications
    A la fin du cours tu auras 3 sites complets en ligne qui fonctionnent sur ordinateurs, tablettes et smartphones. 
    Je te fournis tous les fichiers sources que j'ai divisé étape par étape pour que tu puisses suivre encore plus facilement.
    Tu peux regarder la vidéo de présentation pour voir la démo des 3 projets que tu va créer.
  • Avantage 4 : J'ai tout fait pour rendre React.js fun
    J'ai tourné plus de 300 tutoriels gratuits sur Youtube et j'ai appris à rendre un cours vivant.
    Non seulement on va coder côte à côte mais on va le faire en se faisant plaisir.
    Toute la formation est structurée pour que tu progresses étape par étape même si tu es débutant (les plus avancés iront simplement plus vite).
  • Avantage 5 : Plusieurs sections théoriques
    Des bases jusqu'au concepts avancés...
    On fait le point sur tout pour que tu puisses travailler 100% en autonomie à la suite du cours. Tu auras une vision globale de ce qu'il est possible de faire avec React.
  • Avantage 6 : Toutes les nouveautés
  • React 16+, React Router 4, create-react-app 2, context API, ref API, Fragment, HOC, ES6+ {...}

 

Voici tout ce que tu vas recevoir en t'inscrivant à la formation :

  • Une formation en vidéo, découpée par notion et chapitre. Tu apprends au rythme qui te convient et d'où tu veux.
  • Tu as accès à tous les fichiers sources. Tu peux te baser sur ce code comme point de départ pour tes futurs projets.
  • Un accès un salon d'entraide pour soumettre tes questions.
  • Un QCM pour valider tes connaissances théoriques.

Commence à apprendre React en t'inscrivant tout de suite à la formation et crée ton premier projet.
On se retrouve dans la première vidéo !

Table des matières de cette formation React (durée : 8h01m)

  • Introduction
    • Introduction gratuit 00:01:07
    • React c'est quoi ? gratuit 00:03:31
    • Pourquoi apprendre et utiliser React ? gratuit 00:04:07
    • Single Page App VS Multi Page App gratuit 00:03:02
    • Plan du cours gratuit 00:05:58
    • Outils nécessaires gratuit 00:05:12
    • Comment suivre cette formation ? gratuit 00:01:52
  • Les Bases de React
    • Un Workflow Moderne gratuit 00:05:07
    • Utiliser create-react-app 00:03:38
    • Comprendre la structure du dossier 00:09:00
    • C'est quoi un Component ? 00:04:54
    • Comprendre le JSX 00:03:40
    • Particularités du JSX 00:05:18
    • Créer un Component Stateless 00:06:41
    • Réutiliser les Components 00:02:01
    • Du JavaScript dans le JSX 00:02:39
    • Les Props 00:06:02
    • La Props Children 00:04:19
    • Le State 00:04:22
    • Gérer les Événements 00:02:32
    • Modifier le State 00:05:41
    • Passer des Méthodes entre les Components 00:07:09
    • Gérer les Inputs 00:06:18
    • Ajouter du style avec du CSS 00:03:26
    • Utiliser le style Inline 00:04:22
  • Exercice : l'Éditeur de Markdown
    • Création du Projet 00:03:37
    • Écrire du HTML avec JSX 00:05:17
    • Importer du JavaScript Perso 00:02:45
    • Utiliser et Modifier le State 00:03:47
    • Du Markdown avec Marked.js 00:06:17
    • Sauvegarder le State avec le localStorage 00:08:56
  • Rendu Conditionnel et Liste
    • Base du Rendu Conditionnel 00:07:01
    • Rendu Conditionnel Complexe 00:04:18
    • Rendre une Liste 00:06:27
    • Manipuler le State via un Élément d'une Liste 00:04:44
    • Utiliser et Comprendre les "keys" 00:04:22
    • Event et Argument dans une liste 00:03:43
    • Résumé 00:02:37
  • Exercice : la Chat Box
    • Initialisation du Projet 00:07:45
    • Formulaire de Connexion 00:05:47
    • Découverte de React Router V4 00:08:15
    • Changement de Page avec React Router V4 00:07:00
    • Création des Components 00:06:15
    • Enregistrer les Messages dans le State 00:14:43
    • Gestion de Nouveaux Events 00:06:38
    • Afficher notre State 00:03:51
    • Découverte de Firebase 00:06:34
    • Connecter Firebase et React 00:05:03
    • Synchroniser notre State et la Realtime Database 00:04:32
    • Les Ref dans React : createRef() 00:04:48
    • Supprimer des Éléments du State 00:05:01
    • Rendu Conditionnel des Messages 00:04:11
    • Gérer les Animations en React 00:10:01
    • Résumé 00:02:00
  • Exercice : la Boîte à Recettes
    • Introduction 00:04:03
    • Initialisation du projet 00:05:00
    • Créer le Header 00:04:58
    • Remplir le State en un clic 00:03:52
    • Afficher le State 00:04:40
    • Component Card 00:07:07
    • Images dynamiques 00:02:44
    • Connecter l'app avec Firebase 00:06:25
    • Ajouter une recette 00:06:09
    • Formulaire avec React 00:08:26
    • Modifier le State via le formulaire 00:05:16
    • Modifier les recettes 00:05:36
    • Gérer le formulaire de modification 00:07:35
    • Supprimer une recette 00:03:17
    • Activer l'authentification Facebook dans Firebase 00:04:13
    • Gérer l'authentification 00:18:54
    • Gérer la déconnexion 00:02:46
    • Persister la connexion entre les sessions 00:04:04
    • Règles de sécurité de Firebase 00:04:09
    • Résumé 00:01:55
  • Notions avancées
    • Organiser les fichiers 00:04:55
    • Les cycles de vie de React 00:06:30
    • Les cycles de vie concrètement 00:06:54
    • Éléments JSX adjacents 00:03:48
    • Higher-Order Components (HOC) 00:08:35
    • HOC concrètement 00:09:03
    • Les PropTypes 00:06:48
    • React Context API 00:09:45
    • Résumé 00:01:58
  • Mettre une App React en ligne
    • Le Build 00:01:36
    • Déployer sur Netlify 00:03:50
    • Paramètres d'authentification 00:04:48
    • Gérer les redirections 00:03:23
  • Aller plus loin
    • Exemples de sites utilisant React 00:02:58
    • React côté serveur avec Next.js 00:02:41
    • Générateur de sites avec Gatsby.js 00:03:19
    • Des apps mobiles avec React Native 00:03:50
    • Librairie de Components : Ant Design 00:02:51
    • Une App pour Apprendre à Coder ? 00:04:58



Formateur : Anthony Welc

Anthony Welc a publié 2 tutoriels et obtenu une note moyenne de 4,0/5 sur 145 tutoriels vendus. Voir les autres formations de Anthony Welc

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    React
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1153 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données