Hands-On MERN Stack Web Development

Learn Node.js, Express, MongoDB, and React by building a web application from Scratch!

3.95 (38 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Develop a project from scratch using the MERN stack

Best practices for developing RESTful APIs with Node .js and Express

A painless approach to writing integration tests for your backend

The skills needed to configure, query, and interact with a Mongo database

Work with React on the client and write declarative UI code

Manage client state and asynchronous code with Redux

Effectively debug client-side code with React Developer tools

Pros and cons of scaffolding tools and how to get the most out of them.

Deploy your application with Docker

Why take this course?

There's a growing demand for full-stack developers, but becoming one is not an easy task. A full-stack engineer is expected to have frontend and backend skills, as well as extensive knowledge of build tools and deployment workflow.

Building real-world projects and understanding the MERN stack is a great way to become a full-stack engineer. So, the journey starts by taking you through the MERN stack to explore Node.js and Express and set up the groundwork for the project. It's vital to store data safely hence we dive into the world of MongoDB and integrate it with our backend. Now, we build a client application that can consume API services. With React you'll be able to solve the two most daunting frontend problems and use JSON Web Tokens (JWTs) to integrate authentication and session management on both the client and the server. Finally, we review the skills that you've acquired throughout the course, look into the MERN boilerplate, and examine the application's architecture to build applications on it.

By the end of the course, you will not only have built a fully functional web application, but you'll also be well on your way to becoming a full-stack web developer. You'll be equipped with a deeper knowledge of the MERN stack, as well as general web development patterns and concepts.

About the Author

Filip Danić is a software engineer, JavaScript enthusiast, and tech speaker. He's worked on web applications—both on the frontend and the backend—for enterprise clients as well as VC-backed startups. His code and architecture decisions are deployed at several Fortune 500 companies.

Filip is passionate about the JavaScript ecosystem and is constantly exploring new frameworks and tools. He is particularly enthusiastic about applying functional programming concepts, crafting good documentation, and providing a better development experience for others.

Screenshots

Hands-On MERN Stack Web Development - Screenshot_01

Hands-On MERN Stack Web Development - Screenshot_02

Hands-On MERN Stack Web Development - Screenshot_03

Hands-On MERN Stack Web Development - Screenshot_04

Reviews

Kevin

April 26, 2020

I like the idea of a virtual pairing system, that seems to work in priniciple, looking forward to seeing it in action . Would of shown 5star but i saw a few React snippets so far that were class based, and i've just gotten through some of another React course with React Hooks thats making me think this might need updating?

Michael

September 4, 2019

This course is probably 5 Stars for someone who wants to just know the how, but if you want to know the why you're going to be left scratching your head on a few things. The course jumps through some techniques too quickly, but it did serve as a jump off point for me to get a broad understanding so that I can dive deeper in specific topics later on.

Carlos

May 18, 2019

Lo bueno es que es bastante completo y no es demasiado largo. Lo malo es que algunas palabras no se le entienden, y algunas partes no se explican paso a paso.

Jason

April 22, 2019

I will update this review as i learn more* I wish it was easier to review things on udemy. Anyway, I'm moving from a non-CS field to web development (went to grad school for philosophy). I'm aiming to land a MERN web development internship or junior dev position. Right now, I'm using three main resources. Your udemy course series, the highest rating mern stack udemy course series, and fullstack react projects by shama hoque (check it out on amazon). All three of these resources have proven educational and useful to me so far. I'm working on them all in tandem. * this series: its great, it makes me happy when i can learn so easily, like watching the video series here. I like the software engineering perspective on top of the mern coding. * mern with traversy: So far I love it, cause going through every line of an application is really amazing. For a new developer, the time / value of this shouldn't be underestimated. But The current MERN video series provides perspective on a lot of things the traversy series doesnt. So, just buy and watch them both. I think its important to learn from as many sources as you can and synthesize the knowledge. My third source of learning is: https://www.amazon.com/Full-Stack-React-Projects-development-Express/dp/1788835530/ref=sr_1_4?keywords=mern+stack&qid=1556184508&s=gateway&sr=8-4 The explanation is poor in the book, but the code is quite helpful to me.

Charts

Price

Rating

Enrollment distribution

Hands-On MERN Stack Web Development - Distribution chart