Practical Guide to learn MERN Stack – Version-01

Build fullstack web applications with React.js, Node.js, Express.js & MongoDB (MERN) with this project-focused course.

Building fullstack applications (i.e. frontend + backend) with the MERN stack is very popular – in this course, you will learn it from scratch at the example of a complete project!

What you’ll learn

  • Build a full stack app with React, Redux, Node, Express & MongoDB.
  • React Hooks, Async/Await & modern practices.
  • Create a REST backend API with Express.
  • Document your REST APIs with Swagger.
  • Use ES6 with Nodejs.
  • Use Redux for state management with React Hooks.
  • Integrate React with an Express backend in an elegant way.
  • Master React Hooks Fundamentals.

Course Content

  • Nodejs Basics (Optional) –> 6 lectures • 36min.
  • NPM The Node Package Manager –> 8 lectures • 37min.
  • Express Framework Basics –> 9 lectures • 40min.
  • [Backend Project Started] – Getting Started –> 6 lectures • 12min.
  • CRUD Operations with Nodejs and Mongoose –> 6 lectures • 13min.
  • Documentation for REST APIS with Swagger in Nodejs –> 7 lectures • 19min.
  • React Hooks Fundamentals –> 8 lectures • 57min.
  • Redux Fundamentals –> 2 lectures • 19min.
  • Building Frontend App with React, React Hooks and Redux –> 16 lectures • 1hr 41min.
  • Connecting Frontend Application with Backend –> 1 lecture • 14min.

Practical Guide to learn MERN Stack – Version-01

Requirements

  • A good understanding of JavaScript & ES6 Fundamentals.
  • React & Node Basics.

Building fullstack applications (i.e. frontend + backend) with the MERN stack is very popular – in this course, you will learn it from scratch at the example of a complete project!

This is NOT an “Intro to React” or “Intro to Node” course. It is a practical hands on course for building an app using the incredible MERN stack.

ExpressJS, ReactJS, and NodeJS as its working components. Here are the details of what each of these components is used for in developing a web application when using MERN stack:

  • MongoDB: A document-oriented, No-SQL database used to store the application data.
  • NodeJS: The JavaScript runtime environment. It is used to run JavaScript on a machine rather than in a browser.
  • ExpressJS: A framework layered on top of NodeJS, used to build the backend of a site using NodeJS functions and structures. Since NodeJS was not developed to make websites but rather run JavaScript on a machine, ExpressJS was developed.
  • ReactJS: A library created by Facebook. It is used to build UI components that create the user interface of the single page web application.

With MongoDB under its hood for higher scalability, Express JS for speed enhancements, JavaScript as its primary language for end-to-end development, MERN is one of the best full stack development suites after MEAN.

React JS is the best when it comes to UI layer abstraction. It provides the best-in-class tools for faster code development. While React is only a library, it gives you the freedom to build the application and organize the code the way you want, by providing the necessary tools. Hence, it is better than Angular in terms of UI rendering and performance.

This is the version 1 of the MERN Stack course. In the next version, you are going to learn more about pagination, authentication and deployment etc.

Get Tutorial