$ 19.00

Tuto Fullstack React avec MERN avec React, MongoDB, Node.js

$ 19.00

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

React.js est devenu une référence incontournable pour le développement d’interfaces utilisateurs riches et dynamiques. Sa communauté compte des millions d'utilisateurs.

L'objectif de cette formation en vidéo : vous apprendre à développer une application fullstack avec la stack MERN : MongoDB, Express.j,  React.js et  Node.js 
Grâce à cette formation, vous apprendrez en moins de 3 heures, étape par étape :

  • le développement du front avec le framework React.js, les librairies Bootstrap et Front-awesome (1H)
  • la configuration du serveur avec Node.js et Express.js pour construire une API Gateway et définir les routes (1H)
  • l'implémentation de la base de données avec mongoDB as a service (dans le cloud) grâce au fournisseur Amazon Web Services (AWS)  (40mins)
     

Au programme de cette formation MERN

  • Introduction à JSX, ES6 et ES7,
  • composants React (stateless et stateful ) et les props
  • le cycle de vie du composant,
  • gestion et délégation des événements : onClick, onChange et onSubmit,
  • la mise en page avec les librairies Bootstrap et Font awesome,
  • Les transactions HTTP: get, post, put et delete,
  • test des routes API avec l'application Postman.

Ce tutoriel s’adresse à un public expérimenté sur les technologies web tel que le Javascript, HTML, CSS ainsi que sur les requêtes HTTP et les bases de données.
Il est vivement recommandé de connaître quelques base de développement front avec les framework js.
Et, la première partie (Quick Start) est entièrement réservé aux fondamentaux de React.js (je propose d'ailleurs une formation complète sur React, au besoin).

A la fin de ce tuto un QCM vous sera proposé pour valider vos nouvelles connaissances théoriques.
Je reste disponible dans le salon d'entraide du cours pour répondre à vos questions. 

Bon tuto !

Table des matières de cette formation React, MongoDB, Node.js (durée : 4h20m)

  • Présentation & Quick Start
    • Welcome! gratuit 00:00:53
    • Introduction gratuit 00:03:36
    • Composant Simple gratuit 00:09:01
    • Composant Complexe (stateful) 00:08:40
    • Première application react 1/2 00:18:09
    • Première application react 2/2 00:10:11
    • Objectifs 00:06:02
    • Pré-requis 00:03:15
    • Installer l'environnement de travail - 1/2 00:07:27
    • Installer l'environnement de travail - 2/2 00:04:25
    • Homebrew yarn 00:03:58
    • Install react globally 00:04:23
    • Create-react-app CLI 00:07:12
    • Exemple: "Bonjour Monde" 00:02:14
  • React.js : Développement Frontend
    • Introduction gratuit 00:03:09
    • Nouvelle Appli React 00:04:44
    • Classe React 00:03:33
    • Librairie Bootstrap (CSS) 00:05:19
    • Composant stateful 00:04:48
    • React developer tools 00:05:10
    • Gérer les événements 00:07:04
    • Update UI 00:02:25
    • Events : onChange and onSubmit 00:05:31
    • Maintenir état 00:03:11
    • Custom CSS 00:09:11
    • Font-awesome icons 00:08:24
    • Action delete 00:07:54
    • Finitions 00:00:59
  • Backend: Node.js, API RestFul Express.js & MongoDB as a Service
    • Outils & Modules : express, body-parser, moogoose gratuit 00:07:27
    • Configurer environnement backend 00:06:16
    • Installer le serveur 1/2 00:05:07
    • Installer le serveur 2/2 00:04:43
    • MongoDB as a Service : créer un compte mLab 00:03:08
    • MongoDB : Connecter la base de donnée 00:05:58
    • Express Router 00:06:11
    • Mongoose Schema (Type Todo) 00:04:23
    • Nodemon (live reload) 00:02:40
    • Tester API REST Express.js avec Postman 00:02:52
    • "Server is up and running .." 00:11:04
  • Développement FullStack (MERN)
    • Transaction HTTP : POST et npm axios gratuit 00:10:00
    • Activer CORS dans Express.js 00:02:47
    • Transaction HTTP : GET 00:03:10
    • Requête API et update UI 00:04:09
    • Transaction HTTP : PUT 00:08:49
    • Filtrer les résultats 00:05:11
    • Transaction HTTP : DELETE 00:06:14



Formateur : Sandy Ludosky

Sandy Ludosky a publié 23 tutoriels et obtenu une note moyenne de 4,3/5 sur 3 144 tutoriels vendus. Sandy Ludosky est un formateur certifié tuto.com. Voir les autres formations de Sandy Ludosky

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 membre-9306-563 laissé le 14/09/2019
    Un tuto très intéressant. Des explications précises pour mettre en place l'environnement, et des fichiers-supports de qualité au cas où on serait perdu. Quelques petits cafouillages, mais finalement très utiles car il est intéressant de voir comment s'en sortir si cela nous arrive. A parfaitement répondu à mes attentes. Bravo et merci.

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    React , MongoDB , Node.js
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1136 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données