Save for later

MERN Stack Front To Back

Full Stack React, Redux & Node.js

Welcome to "MERN Stack Front To Back". 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. This course includes...

  • Building an extensive backend API with Node.js & Express

  • Protecting routes/endpoints with JWT (JSON Web Tokens)

  • Extensive API testing with Postman

  • Integrating React with our backend in an elegant way, creating a great workflow

  • Building our frontend to work with the API

  • Using Redux for app state management

  • Creating reducers and actions for our resources

  • Creating many container components that integrate with Redux

  • Testing with the Redux Chrome extension

Creating a build script, securing our keys and deploy to Heroku using Git

UPDATE: The entire course was updated to use React Hooks, Async/Await and better overall code.

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. I do try and explain everything as I go so it is possible to follow without React/Node experience but it is recommended that you know at least the basics first.

Get Details and Enroll Now

OpenCourser is an affiliate partner of Udemy.

Get a Reminder

Not ready to enroll yet? We'll send you an email reminder for this course

Send to:

Udemy

Rating 4.6 based on 1,509 ratings
Length 12 total hours
Starts On Demand (Start anytime)
Cost $9
From Udemy
Instructor Brad Traversy
Download Videos Only via the Udemy mobile app
Language English
Tags Web Development Development

Get a Reminder

Get an email reminder about this course

Send to:

Similar Courses

What people are saying

According to other learners, here's what you need to know

real world in 23 reviews

He has a thorough understanding for taking concepts and applying it to real world lessons for students.

If you understand how to code but don't know the MERN stack, the course takes you through creating a real world app.

Complete MERN front to back implementation with real world examples.

Not only do you learn real world skills from this course on using current technologies which are being used by companies all over the world.

This is great course with real world scenario and Horeku deployment.

First of all, the course is created for the real world web application that you we can use in our own project in the future.

I found it nice that if Brad made a mistake he did not edit it out of the video because that just shows how real world development is and that it's not going to be easy and even the best of us make mistakes.

If anything, it almost has too much real world content.

Nowadays it is important to have courses that connect with indirectly related aspects, but fully present in the real world.

Learned some great real world processes from setup to deployment.

Seems like I keep finding ones that are very simple and not a real world example, where this one is much more practical.

Thanks Brad :) This was a really great, comprehensive course that allowed me to grow my understanding of MERN stack development in a way thats applicable to the real world.

The concepts taught can be used in real world applications.

I'm learning a lot of things with him that can be applied in real world, and this is exactly what I'm looking for It helped me build my application, which I'm still working on.

Read more

so far so good in 17 reviews

So far so good!

I'm excited to finish and apply what I've learned to a current project i'm developing Solid communication So far so good You explain very clear.

So far so good.

so far so good ;) Very clear up to this point.

So far so good =) great course so far really amazing lecture It's been so clear, and I'm learning complex stuff.

Thanks Brad So far so good.

so far so good.

great So far so good!

So far so good So far seems like a great fit.

So far so good i am excited and looking forward to lean some cool technology :) Brad is the best!!!

So Far So Good very clear practical helpful thank you The tutor made all the technical parts look very simple Fantabulous as usual...

But so far so good!

Read more

his youtube channel in 13 reviews

Brad is an outstanding teacher, I knew him from his youtube channel and was so impressed by his teaching that I decided to give his paid udemy courses a try.

This is great course but you should go through Crash course on his youtube channel.

I get to know Brad from his youtube channel, he post lots of awesome tutorials, and I just finished Andrew's react course which is great but focus on front side only.

Brad has many other tutorials on his YouTube channel.

I bought all his courses and have followed his Youtube channel for over a year and he never let me down.

Excellent Udemy courses worth paying for, and also check out his YouTube channel "Traversy Media".

I love Brad, Been watching his youtube channel for a while and im more than pleased with this course on your platform.

The speed of the course is good and the explanations Came from his youtube channel.

I have learned a ton from his YouTube channel, and expect the same from this course :) Awesome Course!

Also he has tons of really great free tutorials and information on his YouTube channel, Traversy Media.

He gives a very nice high-level overview from the start, and his YouTube channel has provided many answers sought.

All of his courses along with his YouTube channel have provided me and no doubt countless others with a solid education in Web Development.

Read more

highly recommended in 16 reviews

Highly recommended!

HIGHLY RECOMMENDED!

Highly recommended!!!

Great attitude about teaching, highly recommended!

HIGHLY RECOMMENDED for any aspiring MERN stacks developer The course is very well structured and the instructor explains each step clearly.

Great course, highly recommended.

So thanks Brad highly recommended.

Highly recommended for the intermediate web developer.

Highly recommended for people beginning career into MERN stack.

Highly recommended, my first MERN app and I've learned tons.

highly recommended.

highly recommended for guys who have learned all the techs but have never made a fullstack project.

Read more

easy to follow along in 10 reviews

I've watched several of your video's on YouTube-they are very easy to follow along.

This course is outstanding and easy to follow along!

It would be good to have a little bit of React/Node going in but Brad's style makes it easy to follow along with just the basics!!

Now June 2018 this course is up to date and easy to follow along.

Very straightforward and easy to follow along.

I'm coming from a rails/vue background, never having written code in React or Node, and this is easy to follow along with.

I'm first and foremost a frontend developer, but Brad makes it really easy to follow along and explains it very well.

Good insights as the lesson goes on As always, Brad explains everything in detail and makes it very easy to follow along.

Easy to follow along, and very nice pace.

Read more

using the mern stack in 10 reviews

This course was a full stack course using the MERN stack: MongodB, Express, React, Node.js.

A complete working solution for anyone to go from A - Z in what it takes to develop a complete CRUD Solution using the MERN Stack.

Excelent Course yes I love this course its a perfect course in becoming a javascript full stack developer using the MERN stack technologies.

It is an excellent reference video for creating a full stack application using the MERN stack.

I was very new to the MERN stack when I started, but now I am having fun developing a new web application using the MERN stack.

If you are planning on building a full-stack app using the MERN stack then you should buy this course without question.

I purchase this course after learning React at a bootcamp and I must say this really goes into depth and has increased my knowledge on building full stack applications using the MERN stack.

Brad does a great job of walking you through how to make a website using the MERN stack.

This course has helped me to understand mongoose, passport, etc better and has propelled me into creating a side project using the MERN stack.

Read more

front end in 13 reviews

Both technologies and the tools and steps to develop an app i.e model, APIs, public/private routes, testing Postman, then front end to hit those routes that brings it all together.

This course is for intermediate developers who have an understanding of Front End technologies such as React.JS, Redux and a little idea on React Hooks, as well as Back End technologies such as Node.JS, Express and MongoDB using Mongoose.

This is much better than other nodejs course that only uses template engines as the front end solution.

I am a fan of Brad's youtube page and was happy to buy this as I have been trying to get into a stack that uses react for front end.

My goal was to learn how to make a full application using node.js in the backend and react on the front end and I achieved it with this course.

Brad does the entire backend programming first before moving onto the front end.

For example at the end of the course I ran into a bug with the comments front end and I realized it's because of a mistake I made when we set up the back end for that component near the beginning of the course.

I think if it was taught one component at a time then the repetition would build a better understanding of how to do it from back to front end.

For example build the backend database and router logic for users and then move on to the front end to build login/register pages.

Then move onto the profile backend followed by the front end to display what you just built in the backend and so on.

Constructing this course with the entire backend in the first half of the course makes you forget exactly how your front end is communicating with the back end.

Then the front end is of course React.

its nice seeing a whole website put together and all the steps from the front end and back end gratefull for your training learnt so much in such a short time, and you appear to know precisely how to train the un-trainable.

Saved my ass many times Looking forward to learning more about Front End and Back End technologies in order to build an efficient production level web application Because Brad is awesome, why else?

Read more

real life in 10 reviews

The project built in the course was close to real life production applications, which was a good experience for me.

I know in real life there are separation between backend and front end, and sometimes different people do each.

I highly suggest you to take this course if want to learn real life full stack web applications.

If you want this kind of real life web application just GO FOR THIS COURSE !!!

I liked this course mainly because we built something real and practical .. Also, I appreciate the Brad is real during the course as he doesn't cut out any little mistakes he's made so it shows us that even experienced professional programmers can make mistakes and that's really just real life and keeping it real I guess A great course that helped me understand how to create applications with JavaScript both at frontend and backend.

I would recommend this course to anyone who wants to indulge in learning React and Node backend to make a real life application.

Awesome, best teacher ever, explains very well, and you learn how to code in real life, amazing, best course i ever did, worths all my money, please give us more tutorials, we need you Quality course, it's great even for more experienced developers.

Examples and projects are real life size applications so it is worth your time.

Learning a lot of real life applicable concepts.

Awesome as always Looks a really complete course with a lot of real life situations Precise, clear, professional!

Read more

step by step in 6 reviews

step by step explanation is really good why and when The course is very useful to better understand the interaction between React / Redux / Express.

Very meticulous and step by step explanation helps you get through the course easily.

It would be nice if the instructor would take his time to show us the step by step setup of these development tools Realy Great Course I like what I’ve have seen so far Excellent cours Après quelques cours sur React, Redux, Mongo, c'en est un vraiment bien pour tout mettre ensemble dans une app qui est aussi complexe en back-end qu'en front-end.

The course is well structured and shows you how it's done step by step with very detailed explanations of the workflow.

He explains very well all the concepts, step by step !

Read more

full stack developer in 6 reviews

This has really been an invaluable course for me as someone starting out as a full stack developer.

This was the only course that i have completed till the end and its the best course ever , now i can say that i'm 100% full stack developer ,i was confused with how to combine react redux with node mongo express but now its very clear Thank you so much Brad you are the Best The course was really good.

Thanks Excellent course for who that need to be the full stack developer with MERN.

I was hired as a full stack developer and needed to know express backend workflow quick.

Read more

job at explaining in 5 reviews

Brad does a great job at explaining what he's doing and why.

I found him on youtube and like I said he does a very good job at explaining things!

Brad does a great job at explaining things.

Really did a great job at explaining everything and tying React/Redux together with Node Very informative.

Read more

other than in 8 reviews

Other than these few remarks, the course was great, and I recommend it to any one who is familiar with react especially, because this course is not an introduction to any technology used, but for other technologies you can manage if you don't know anything in my opinion.

I honestly can not learn from anyone other than Brad.

Other than that, this course did everything you expect it to do.

The only thing I am disappointed about is that he does not have more courses related to MERN to take other than the three I've mentioned.

Other than that it's a great course really and gives you a good feel for what it takes to make a full-stack app.

I honestly didn't know much about React other than completing the beginner tutorial on React's website, but I felt like I was able to follow along other than the Redux setup parts were confusing, but I believe that I'll be able to pick it up more with studying.

Other than that, I'm pretty satisfied with the backend part and cant wait to finally understand where to use redux and where to use axios request for the backend to manage data.

Read more

Careers

An overview of related careers and their average salaries in the US. Bars indicate income percentile.

Stack Testing Technician $55k

Ad Technology Full Stack Engineer $61k

Freelance Full Stack Web Developer $61k

Back End or Full Stack Engineer, Python $65k

Senior Full Stack Developer 2 $82k

Microsoft full stack developer $86k

Full Stack Engineer - Ruby/Ruby on Ralis, Ember and GO $95k

Full Stack Application Engineer - Mobile and Innovation $97k

Full Stack Web Developer Lead $122k

Full-stack Java/Web Developer $124k

Full Stack Developer Consultant Contractor $152k

Associate Principal Full Stack Developer $156k

Write a review

Your opinion matters. Tell us what you think.

Udemy

Rating 4.6 based on 1,509 ratings
Length 12 total hours
Starts On Demand (Start anytime)
Cost $9
From Udemy
Instructor Brad Traversy
Download Videos Only via the Udemy mobile app
Language English
Tags Web Development Development

Similar Courses

Sorted by relevance

Like this course?

Here's what to do next:

  • Save this course for later
  • Get more details from the course provider
  • Enroll in this course
Enroll Now