$ 50.00

Tuto React.js pour les débutants avec React

$ 50.00

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

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.

Table des matières de cette formation React (durée : 4h27m)

  • Introduction
    • Introduction, Outils et Éditeur gratuit 00:09:43
    • Comprendre les Components gratuit 00:03:47
  • Projet 1 : l'Éditeur de Markdown
    • Notre premier Component React 00:04:35
    • Écrire du HTML avec le JSX de React 00:06:49
    • Importer du JavaScript Perso avec React 00:03:47
    • Utiliser les States de React 00:04:23
    • Modifier le State de React 00:05:04
    • Du Markdown avec Marked.js 00:08:01
    • Sauvegarder le State avec le localStorage 00:11:17
  • Projet 2 : la Chat Box
    • Mise en place de la chatBox 00:08:10
    • Séparer les Components React 00:03:19
    • Créer tous les Components React 00:06:36
    • Comprendre les Props dans React 00:02:30
    • Découvrir React Router 00:07:56
    • Utiliser les Events dans React 00:06:58
    • Changer de page avec React Router 00:07:38
    • Sauvegarder notre State avec React 00:13:45
    • Booster notre formulaire 00:09:15
    • Afficher notre State 00:06:58
    • Synchroniser React et Firebase 00:07:43
    • Supprimer les données du State 00:03:23
    • Créer des Animations CSS avec React 00:19:39
    • Attention aux propTypes dans React 00:05:21
  • Projet 3 : la Boîte à Recettes
    • Rafraîchissons-nous la mémoire 00:05:35
    • Création du Header 00:06:59
    • Remplir le State React d'un clic 00:06:28
    • Afficher les recettes 00:11:32
    • Synchroniser chaque boîte à recettes avec Firebase 00:07:16
    • Ajouter des recettes 00:12:23
    • Modifier des recettes 00:09:24
    • Supprimer des recettes 00:03:27
    • Créer les app's Facebook et Twitter pour l'authentification 00:04:13
    • Mise en place du système d'authentification 00:19:27
  • Aller plus loin
    • Créer ta propre App' 00:04:09
    • Préparer le projet à la mise en ligne (build) 00:03:08
    • Envoyer notre site sur le web 00:04:26
    • Aller plus loin 00:02:54



Formateur : Anthony Welc

Anthony Welc a publié 1 tutoriel et obtenu une note moyenne de 5,0/5 sur 48 tutoriels vendus. Voir les autres formations de Anthony Welc

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de intouchable772 laissé le 22/03/2017
    Très bon tutoriel avec la création de plusieurs composants, parfait pour poser des bases sur React.

  • 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 ;)
accédez à plus de 1581 tuto gratuits


non, je ne veux pas me former gratuitement