UDEMY
UDEMY Logo

MERN Stack Front To Back: Full Stack React, Redux & Node.js 

  • Offered byUDEMY

MERN Stack Front To Back: Full Stack React, Redux & Node.js
 at 
UDEMY 
Overview

Build and deploy a social network with Node.js, Express, React, Redux & MongoDB

Duration

12 hours

Total fee

8,640

Mode of learning

Online

Credential

Certificate

MERN Stack Front To Back: Full Stack React, Redux & Node.js
 at 
UDEMY 
Highlights

  • Earn a Certificate of completion
  • 30-Day Money-Back Guarantee
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Read more
Details Icon

MERN Stack Front To Back: Full Stack React, Redux & Node.js
 at 
UDEMY 
Course details

Skills you will learn
Who should do this course?
  • Anyone who wants to learn how to build and deploy a full stack MERN application
What are the course deliverables?
  • Create an extensive backend API with Express
  • Integrate React with an Express backend in an elegant way
  • Build a full stack social network app with React, Redux, Node, Express & MongoDB
  • Use Stateless JWT authentication practices
  • React Hooks, Async/Await & modern practices
  • Deploy to Heroku with a postbuild script
  • Use Redux for state management
More about this course
  • In this course we will build an in depth full stack social network application using Node.js, Express, React, Redux and MongoDB along with ES6+.
  • We will start with a blank text editor and end with a deployed full stack application.
  • It is a practical hands on course for building an app using the incredible MERN stack.

MERN Stack Front To Back: Full Stack React, Redux & Node.js
 at 
UDEMY 
Curriculum

Expresses and MongoDB Setup

MongoDB Atlas Setup

Install Dependencies & Basic Express Setup

Connecting To MongoDB with Mongoose

Route Files With Express Router

User API Routes & JWT Authentication

Creating The User Model

Request & Body Validation

User Registration

Implementing JWT

Custom Auth Middleware & JWT Verify

User Authentication / Login Route

Profile API Routes

Creating The Profile Model

Get Current User Profile

Create & Update Profile Routes

Get All Profiles & Profile By User ID

Delete Profile & User

Add Profile Experience

Delete Profile Experience

Add & Delete Profile Education

Get Github Repos For Profile

Post API Routes

Creating The Post Model

Add Post Route

Get & Delete Post Routes

Post Like & Unlike Routes

Add & Remove Comment Routes

Getting Started With React & The Frontend

A Look At The The UI / Theme

React and Concurrently Setup

Clean Up & Initial Components

React Router Setup

Register Form & use State Hook

Request Example & Login Form

Redux Setup & Alerts

The Gist Of Redux

Creating a Redux Store

Alert Reducer, Action & Types

Alert Component & Action Call

React User Authentication

Auth Reducer & Register Action

Load User & Set Auth Token

User Login

Logout & Navbar Links

Dashboard & Profile Management

Profile Reducer & Get Current Profile

Starting On The Dashboard

CreateProfile Component

Create Profile Action

Edit Profile

Add Education & Experiences

List Education & Experiences

Delete Education, Experiences & Account

Profile Display

Finish Profile Actions & Reducer

Display Profiles

Addressing The Console Warnings

Starting On The Profile

Profile Top & Profile About Components

Profile Experience & Education Display

Displaying Github Repos

Faculty Icon

MERN Stack Front To Back: Full Stack React, Redux & Node.js
 at 
UDEMY 
Faculty details

Brad Traversy
Brad Traversy has been programming for around 12 years and teaching for almost 5 years.

Other courses offered by UDEMY

549
50 hours
– / –
3 K
10 hours
– / –
549
4 hours
– / –
599
10 hours
– / –
View Other 2344 CoursesRight Arrow Icon

MERN Stack Front To Back: Full Stack React, Redux & Node.js
 at 
UDEMY 
Students Ratings & Reviews

4.6/5
Verified Icon10 Ratings
V
Vinay
MERN Stack Front To Back: Full Stack React, Redux & Node.js
Offered by UDEMY
4
Learning Experience: I'll move on to the main reasons why I believe udemy provides a better Software development course than other ed-tech platforms. Also, keep in mind that if you are a working professional, this course will be even more beneficial to you because it was designed with working professionals in mind!
Faculty: Some might overlook poor production quality if an industry expert makes the class, and the content is well-written. Others want all or nothing. The content and production quality have to match. When you create specific parameters for “good,” you can better identify if it truly is. For the most part, though? It isn’t that bad and can be a good starting point for many beginners React.js is regarded as one of the best libraries for developing user interfaces, while Express.js is ideal for speed optimization. React provides UI rendering flexibility and performance.
Course Support: I come across this learning platform This course is good for the whom are entering in the finance, Perfect skill trainer they have and make this course perfect. I will highly recommend for the those who are entering in finance.
Reviewed on 17 Mar 2023Read More
Thumbs Up IconThumbs Down Icon
S
Saurabh Ganesh Naikele
MERN Stack Front To Back: Full Stack React, Redux & Node.js
Offered by UDEMY
5
Learning Experience: It's very great course for intermediate level because in this course you will develop project and this is not for beginners you have enough knowledge of react
Faculty: Quality of course is best at the end you will understand concept and used every important concept in react, express and mongo This course last update is 2019, however the new realise change the style of coding but it doesn't impact on project and course structure is very well managed
Course Support: This course teach you how to build project and structure of project
Reviewed on 12 Feb 2023Read More
Thumbs Up IconThumbs Down Icon
J
Jediael Blah
MERN Stack Front To Back: Full Stack React, Redux & Node.js
Offered by UDEMY
5
Learning Experience: It was a great experience. Learn alot of things.
Faculty: Quality of service towards the viewer is very much good. The approach also was very practical which was very helpful. The course was very helpful. New versions of the technologies were used.
Course Support: Very good
Reviewed on 28 Jan 2023Read More
Thumbs Up IconThumbs Down Icon
D
Daniel Collins
MERN Stack Front To Back: Full Stack React, Redux & Node.js
Offered by UDEMY
5
Student review
Other: Was a great learning experience. Wish he would have gone more in depth with some of the more complex concepts.
Reviewed on 2 Aug 2021Read More
Thumbs Up IconThumbs Down Icon
J
James McBean
MERN Stack Front To Back: Full Stack React, Redux & Node.js
Offered by UDEMY
5
Student review
Other: Very much enjoyed the course. The devconnector project guides you through coding a backend API using Express, MongoDB, and Node.js and a frontend in React. Working your way through the project really enforces MERN concepts. I would recommend it to anybody looking to extend their knowledge of MERN.
Reviewed on 23 Jul 2021Read More
Thumbs Up IconThumbs Down Icon
View All 10 ReviewsRight Arrow Icon
qna

MERN Stack Front To Back: Full Stack React, Redux & Node.js
 at 
UDEMY 

Student Forum

chatAnything you would want to ask experts?
Write here...