Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

MERN 2024 Edition - MongoDB, Express, React and NodeJS

via Udemy

Overview

Build Full Stack Application from Scratch with React Router 6.4+, React Query, Mongoose 7+, Cloudinary, Axios

What you'll learn:
  • Learn how to build big full stack app from scratch
  • Learn how to connect Front-End application (React) with Backend application (Express, MongoDB, NodeJS)
  • Learn how to implement JWT for authentication and authorization
  • Learn how to implement React Hooks, Async/Await, React Router 6, Axios
  • Learn how to implement ES6 in Node
  • Learn how to deploy MERN app on Heroku
  • Learn best practices of Front-End and Server applications

Welcome to an immersive learning experience in this comprehensive MERN Stack course.
Whether you're a budding developer or looking to enhance your programming skills, this course is designed to guide you through the process of building a complete full-stack application, "Jobify," using MongoDB, Express, React, and Node.js.

Course Highlights:

  • Front-End Development with React: Start from scratch with VITE to create a dynamic React front-end application. Learn to add global styles and build an array of user-friendly pages including Landing, Error, Register, and Dashboard.

  • Stunning Visuals: Master the art of setting up visually appealing images and layouts for a professional look and feel.

  • Routing with React Router 6.4+: Navigate the complexities of React Router for seamless page transitions and nested pages.

  • Building a Server Application: Dive into backend development by creating a server application from the ground up, utilizing ES6 modules and implementing the "nodemon" package for efficient development.

  • Database Management: Gain hands-on experience in setting up a MongoDB database in the cloud with Atlas, crafting routes and controllers, and ensuring robust data handling.

  • Testing and Error Handling: Conduct extensive testing using Thunder Client, set up error handling in Express, and utilize the "express-async-errors" package for streamlined debugging.

  • Security and Authentication: Learn to hash passwords, implement JWT for secure authentication and authorization, and compare passwords to ensure user security.

  • Full Stack Integration: Connect your front-end application with the server, utilize the "concurrently" package, and set up a "proxy" in VITE for seamless full-stack integration.

  • Advanced React Techniques: Explore advanced functionalities in React, including programmatically navigating using React Router 6, setting up protected routes, and implementing logout features.

  • API Management: Master the use of Axios for API interactions, set JWT tokens in Postman, and implement various Axios configurations for efficient data retrieval and manipulation.

  • CRUD and Permissions: Achieve complete CRUD functionality, set up server permissions, and understand the nuances of creating and managing mock data.

  • Data Visualization and UI Enhancements: Learn to set up informative charts and cards, and implement search/filter functionality for a user-friendly interface.

  • Pagination and Deployment: Tackle pagination challenges and deploy your MERN application to Render for real-world use.

This course is your gateway to mastering full-stack development with the MERN stack, providing you with the skills and knowledge to build robust, scalable web applications. Join us on this journey to become a proficient MERN Stack developer!

Taught by

John Smilga

Reviews

4.7 rating at Udemy based on 2187 ratings

Start your review of MERN 2024 Edition - MongoDB, Express, React and NodeJS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.