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.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
Understand the MERN stack components
Set up an Expressjs application
Create Express routers and API endpoints
Connect MongoDB with Mongoose
Define Mongoose models and schemas
Implement Expressjs controllers
Build a Reactjs application
Fetch data from an API with React
Manage state with React Context
Post data to an API from React
Delete data using React components
Handle API errors in React
01. Introduction & Back-End API
- What is the MERN Stack?
- Express App Setup
- Express Router & API Routes
- MongoDB Atlas & Mongoose
- Models & Schemas
- Controllers (Part 1)
- Controllers (Part 2)
02. The Front-End React Application
- Making a React App
- Fetching Data from the API
- New Workout Form
- Adding React Context
- Deleting Data
- Handling Error Responses
- Finishing Touches
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
Understand the MERN stack components
Set up an Expressjs application
Create Express routers and API endpoints
Connect MongoDB with Mongoose
Define Mongoose models and schemas
Implement Expressjs controllers
Build a Reactjs application
Fetch data from an API with React
Manage state with React Context
Post data to an API from React
Delete data using React components
Handle API errors in React
COURSE OUTLINE
01. Introduction & Back-End API
- What is the MERN Stack?
- Express App Setup
- Express Router & API Routes
- MongoDB Atlas & Mongoose
- Models & Schemas
- Controllers (Part 1)
- Controllers (Part 2)
02. The Front-End React Application
- Making a React App
- Fetching Data from the API
- New Workout Form
- Adding React Context
- Deleting Data
- Handling Error Responses
- Finishing Touches
