React, NodeJS, Express & MongoDB - The MERN Fullstack Guide
- Descripción
- Currículum
- Reseñas
We built the bestselling React course on Udemy – this course now allows you to take your React knowledge to the next level and build fullstack web apps based on React, NodeJS, MongoDB and Express!
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!

-
8Module IntroductionVideo lesson
-
9Understanding the Big PictureVideo lesson
-
10Diving Into the FrontendVideo lesson
-
11Understanding the BackendVideo lesson
-
12REST vs GraphQLVideo lesson
-
13Connecting Node & ReactVideo lesson
-
14MERN - EssentialsCuestionario
-
15Creating our Development Environment & the Development ServersVideo lesson
-
16Diving Deeper Into the CodeVideo lesson
-
17Useful Resources & LinksText lesson
-
23Module IntroductionVideo lesson
-
24What is React?Video lesson
-
25A Note About The NodeJS VersionText lesson
-
26React 18Text lesson
-
27Setting Up a Starting ProjectVideo lesson
-
28Understanding JSXVideo lesson
-
29Understanding ComponentsVideo lesson
-
30Working with Multiple ComponentsVideo lesson
-
31Using Props to pass Data between ComponentsVideo lesson
-
32Rendering Lists of DataVideo lesson
-
33Handling EventsVideo lesson
-
34Efficient Child<=>Parent CommunicationVideo lesson
-
35Working with "State"Video lesson
-
36More on StateVideo lesson
-
37Fetching User Input (Two-way Binding)Video lesson
-
38React.js BasicsCuestionario
-
39Wrap UpVideo lesson
-
40Useful Resources & LinksText lesson
-
41Module IntroductionVideo lesson
-
42Starting Setup, Pages & RoutesVideo lesson
-
43Adding a UsersList Page / ComponentVideo lesson
-
44Adding a UserItem ComponentVideo lesson
-
45Styling our App & More ComponentsVideo lesson
-
46Presentational vs Stateful ComponentsVideo lesson
-
47Adding a Main HeaderVideo lesson
-
48Adding NavlinksVideo lesson
-
49Implementing a Basic Desktop & Mobile NavigationVideo lesson
-
50Understanding PortalsVideo lesson
-
51Handling the Drawer StateVideo lesson
-
52Animating the SidedrawerVideo lesson
-
53Rendering User Places & Using Dynamic Route SegmentsVideo lesson
-
54Getting Route ParamsVideo lesson
-
55Adding Custom ButtonsVideo lesson
-
56Adding a ModalVideo lesson
-
57Rendering a Map with Google MapsVideo lesson
-
58Continuing without a Credit CardText lesson
-
59Optional: More on the useEffect() HookText lesson
-
60Adding a Custom Form Input ComponentVideo lesson
-
61Managing State in the Input ComponentVideo lesson
-
62Adding Input ValidationVideo lesson
-
63Sharing Input Values & Adding Multiple InputsVideo lesson
-
64Managing Form-wide StateVideo lesson
-
65Finishing the "Add Place" FormVideo lesson
-
66Starting Work on the "Update Place" PageVideo lesson
-
67Adjusting the Input ComponentVideo lesson
-
68Creating a Custom Form Hook (useForm)Video lesson
-
69Optional: More on (Custom) React HooksText lesson
-
70Adjusting the Form HookVideo lesson
-
71Fixing Minor IssuesVideo lesson
-
72Showing a Deletion WarningVideo lesson
-
73Adding an "Auth" Page & Login FormVideo lesson
-
74Adding Signup + "Switch Mode" ButtonVideo lesson
-
75Adding Auth Context for App-wide State ManagementVideo lesson
-
76Listening to Context ChangesVideo lesson
-
77Adding Authenticated & Unauthenticated RoutesVideo lesson
-
78More Auth Context UsageVideo lesson
-
79Wrap UpVideo lesson
-
80Useful Resources & LinksText lesson
-
81Module IntroductionVideo lesson
-
82What is Node.js?Video lesson
-
83Writing our First Node.js CodeVideo lesson
-
84Sending Requests & ResponsesVideo lesson
-
85What is Express.js?Video lesson
-
86Adding Express.jsVideo lesson
-
87Understanding the Advantages of Express.jsVideo lesson
-
88How Code Execution WorksVideo lesson
-
89Node & Express BasicsCuestionario
-
90Useful Resources & LinksText lesson
