Course content
- Introduction
- What is MERN
- MERN – A First Overview
- Module Introduction
- Diving Into the Frontend
- Understanding the Backend
- Connecting Node & React
- Creating our Development Environment & the Development Servers
- Understanding the General App Idea
- Sketching out the Frontend
- SPA Pages for the Frontend
- What is React?
- Setting Up a Starting Project
- Understanding JSX
- Understanding Components
- Working with Multiple Components
- Using Props to pass Data between Components
- Handling Events
- Working with “State”
- React Props
- Fetching User Input
- Wrap Up
- Starting Setup, Pages & Routes
- Adding a UsersList Page / Component
- Styling our App & More Components
- Stateful Components
- Adding a Main Header With Navlinks
- Creating Form
- Adding data in list
- What is Node.js?
- Writing our First Node.js Code
- Sending Requests & Responses
- What is Express.js?
- Adding Express.js
- Understanding the Advantages of Express.js
- Setting up Project
- Implementing Basic Routing
- Adding Controllers
- Adding a POST Route & Using Postman
- What is MongoDB?
- Connecting React to a Database?
- Setting Up MongoDB
- Creating a Simple Backend & Connecting it to the Database
- Installing Mongoose
- Getting Data from the Database
- Connecting to the Database & Saving the Product data
- Getting Products data
- Sending a POST Request to the Backend
- Getting data with a GET Request
- Updating data
- Deleting data
- Students have to create a CRUD Application for their portfolio and full understanding under the guidance of trainer.