Skip to toolbar
4.66 out of 5
4.66
1184 reviews on Udemy

React, NodeJS, Express & MongoDB – The MERN Fullstack Guide

Build fullstack React.js applications with Node.js, Express.js & MongoDB (MERN) with this project-focused course.
Instructor:
Academind by Maximilian Schwarzmüller
9,375 students enrolled
English [Auto-generated]
Learn how to connect ReactJS with NodeJS, Express & MongoDB
Build an entire project from scratch!
Refresh the basics about ReactJS, NodeJS, Express and MongoDB
Learn how to implement Authentication & Authorization
Add File Upload to ReactJS + Node/ Express Applications

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!

MERN stands for MongoDB, Express.js, React.js and Node.js – and combined, these four technologies allow you to build amazing web applications.

In this course, we’ll build an entire project and you will learn how these different technologies work together step by step. We’ll first have a look at all the individual building blocks, so that we then can also combine them all into one amazing application by the end of the course.

This course also doesn’t stop after the basics – instead, you’ll also learn how to add file upload, authentication, authorization and how to deploy your application in different ways to different hosting services.

This course is taught by two instructors – Max (React.js, Node/ Express) and Manuel (MongoDB) who have years of experience of working with these technologies and teaching them to other people. We took and combined our experiences to deliver you the best possible MERN stack course you can find out there.

In detail, this course offers:

  • Brief refreshers on the core technologies (React, Node, Express, MongoDB)

  • Project sections for each technology where the theoretic knowledge is applied

  • Detailed theory about the MERN stack and the different ways of combining the technologies

  • A complete course project where all the technologies come together into one application

  • File (image) upload in both React.js (sending the file) and Node/ Express (receiving the file)

  • User authentication (signup + login)

  • User authorization (controlling access to certain resources)

  • Detailed deployment instructions – including different ways of deploying the application

  • Tons of quizzes and extra resources!

By the end of this course, you’ll feel comfortable building your own MERN stack applications and you can build up on all the knowledge taught throughout this course to dive into your own projects and use-cases.

What are the requirements for taking this course?

  • NO prior MERN stack knowledge is required

  • Basic React.js knowledge is strongly recommended – a refresher is provided as part of the course but this course is NOT meant to teach React from the ground up

  • Basic Node + Express knowledge is recommended but not a must-have

As always, this course comes with a 30-day money-back guarantee.

We’d love to dive into this course together with you!

Introduction

1
Introduction
2
What is the "MERN Stack"?
3
MERN - A First Overview
4
Join our Online Learning Community
5
Course Outline
6
How To Get The Most Out Of The Course
7
Using the Course Resources

The MERN Stack - Theory

1
Module Introduction
2
Understanding the Big Picture
3
Diving Into the Frontend
4
Understanding the Backend
5
REST vs GraphQL
6
Connecting Node & React
7
MERN - Essentials
8
Creating our Development Environment & the Development Servers
9
Diving Deeper Into the Code
10
Useful Resources & Links

Planning the App

1
Module Introduction
2
Understanding the General App Idea
3
Sketching out the Frontend
4
Data & API Endpoints used in our App
5
Required SPA Pages for the Frontend

React.js - A Refresher

1
Module Introduction
2
What is React?
3
Setting Up a Starting Project
4
Understanding JSX
5
Understanding Components
6
Working with Multiple Components
7
Using Props to pass Data between Components
8
Rendering Lists of Data
9
Handling Events
10
Efficient ChildParent Communication
11
Working with "State"
12
More on State
13
Fetching User Input (Two-way Binding)
14
React.js Basics
15
Wrap Up
16
Useful Resources & Links

React.js - Building the Frontend

1
Module Introduction
2
Starting Setup, Pages & Routes
3
Adding a UsersList Page / Component
4
Adding a UserItem Component
5
Styling our App & More Components
6
Presentational vs Stateful Components
7
Adding a Main Header
8
Adding Navlinks
9
Implementing a Basic Desktop & Mobile Navigation
10
Understanding Portals
11
Handling the Drawer State
12
Animating the Sidedrawer
13
Rendering User Places & Using Dynamic Route Segments
14
Getting Route Params
15
Adding Custom Buttons
16
Adding a Modal
17
Rendering a Map with Google Maps
18
Continuing without a Credit Card
19
Optional: More on the useEffect() Hook
20
Adding a Custom Form Input Component
21
Managing State in the Input Component
22
Adding Input Validation
23
Sharing Input Values & Adding Multiple Inputs
24
Managing Form-wide State
25
Finishing the "Add Place" Form
26
Starting Work on the "Update Place" Page
27
Adjusting the Input Component
28
Creating a Custom Form Hook (useForm)
29
Optional: More on (Custom) React Hooks
30
Adjusting the Form Hook
31
Fixing Minor Issues
32
Showing a Deletion Warning
33
Adding an "Auth" Page & Login Form
34
Adding Signup + "Switch Mode" Button
35
Adding Auth Context for App-wide State Management
36
Listening to Context Changes
37
Adding Authenticated & Unauthenticated Routes
38
More Auth Context Usage
39
Wrap Up
40
Useful Resources & Links

Node.js & Express.js - A Refresher

1
Module Introduction
2
What is Node.js?
3
Writing our First Node.js Code
4
Sending Requests & Responses
5
What is Express.js?
6
Adding Express.js
7
Understanding the Advantages of Express.js
8
How Code Execution Works
9
Node & Express Basics
10
Useful Resources & Links

Node.js & Express.js - Building our REST API

1
Module Introduction
2
Setting up our Project
3
Implementing Basic Routing
4
Adding Place-Specific Routes
5
Getting a Place By User ID
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.7
4.7 out of 5
1184 Ratings

Detailed Rating

Stars 5
832
Stars 4
278
Stars 3
57
Stars 2
8
Stars 1
12
30-Day Money-Back Guarantee

Includes

19 hours on-demand video
18 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion
WP Twitter Auto Publish Powered By : XYZScripts.com