Development

MERN Stack Tutorial

Intermediate
3h

By: Shaun Pelling

MERN Stack Tutorial

Overview

This course covers the MERN stack, an acronym for MongoDB, Express.js, React, and Node.js, which together form a full-stack development toolkit for building dynamic websites and web applications. It focuses on how each of these technologies plays a pivotal role in web development: MongoDB as the database, Express.js as the web application server framework, React as the frontend framework, and Node.js as the server platform. The curriculum dives into creating RESTful APIs with Express.js running on Node.js, managing data with MongoDB, and constructing the client side with React to create single-page applications. Participants learn to integrate these technologies seamlessly, understanding how to leverage the stack to develop, test, and deploy real-world applications with a JavaScript-centric approach.

Skills Learned

  • Understanding the MERN stack components
  • Setting up an Express.js application
  • Creating Express routers and API endpoints
  • Connecting MongoDB with Mongoose
  • Defining Mongoose models and schemas
  • Implementing Express.js controllers
  • Building a React.js application
  • Fetching data from an API with React
  • Managing state with React Context
  • Posting data to an API from React
  • Deleting data using React components
  • Handling API errors in React

Modules

1. Introduction & Back-End API

1.1 What is the MERN Stack?6 min
1.2 Express App Setup16 min
1.3 Express Router & API Routes14 min
1.4 MongoDB Atlas & Mongoose9 min
1.5 Models & Schemas13 min
1.6 Controllers (Part 1)15 min
1.7 Controllers (Part 2)9 min

2. The Front-End React Application

2.1 Making a React App10 min
2.2 Fetching Data from the API14 min
2.3 New Workout Form16 min
2.4 Adding React Context26 min
2.5 Deleting Data6 min
2.6 Handling Error Responses8 min
2.7 Finishing Touches7 min

Ready to Elevate Your Team's Learning?

Talk with our sales team to see how StormWind can transform the way your organization trains and grows.

CONTACT SALES