The Complete MERN Stack Development course 2021

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction to the Course

Lecture 2: Installing the Text Editors

Chapter 2: Node js

Lecture 1: What is Node js?

Lecture 2: Installing Node js

Lecture 3: Command Prompt basics

Lecture 4: The Inbuilt modules of Node js

Chapter 3: Express js

Lecture 1: Introduction to Express

Lecture 2: Starting the localhost server using Express

Lecture 3: Request and Response

Lecture 4: Installing the Nodemon (npm package)

Lecture 5: Routing in express

Lecture 6: Responding the request with a HTML file

Lecture 7: body parser module

Lecture 8: Node and express project

Chapter 4: API

Lecture 1: Introducing JSON – a way of communicating

Lecture 2: Making a weather forecasting website

Lecture 3: GET request for JSON

Lecture 4: parsing the JSON

Lecture 5: Getting live API data

Lecture 6: body parser to post request to the server-1

Lecture 7: body parser to post request to the server-2

Chapter 5: MongoDB

Lecture 1: Installing MongoDB

Lecture 2: Everything about MongoDB

Chapter 6: REST API

Lecture 1: Introduction to the REST API

Lecture 2: Working with ROBO 3T

Lecture 3: Let's do a SET UP challenge

Lecture 4: GET(all) method – part – 1

Lecture 5: GET(all) method – part – 2

Lecture 6: POST method

Lecture 7: DELETE(all) method

Lecture 8: GET(one) method

Lecture 9: DELETE(one) method

Chapter 7: React

Lecture 1: What is React? and it's advantages

Lecture 2: Creating our very first react app

Lecture 3: using codesandbox and learning react

Lecture 4: Introduction to React apps jsx

Lecture 5: React app challenge

Lecture 6: more about JSX

Lecture 7: More challenges on JSX

Lecture 8: JSX attributes and styling the elements

Lecture 9: Inline styling for react elements

Lecture 10: React components

Lecture 11: React components challenge

Lecture 12: Javascript es6: Import export function

Lecture 13: props in react

Lecture 14: React props practice

Lecture 15: Mapping data to components

Lecture 16: tips on using React tools

Lecture 17: Conditional Rendering

Lecture 18: React router and Project

Lecture 19: A little bit more about React routers

Lecture 20: Router render vs Router Component difference

Lecture 21: useParams in React routers

Lecture 22: useLocation

Lecture 23: useHistory in react routers

Lecture 24: Learning React hooks and counter project

Lecture 25: React Hooks challenge

Lecture 26: useEffect

Lecture 27: Event Handling and forms

Lecture 28: Handling form components

Lecture 29: React axios,async await and Pokemon API

Lecture 30: changing complex state JSX

Lecture 31: ES6 spread operator

Lecture 32: Todo list project

Lecture 33: Context API with functional components

Lecture 34: problem at hand

Lecture 35: useContext hook

Lecture 36: small Context API project

Lecture 37: React redux Introduction

Lecture 38: Creating our redux app

Lecture 39: File structure for react redux

Lecture 40: Designing our cart component

Lecture 41: Creating the action for our website

Lecture 42: Creating reducers

Lecture 43: Creating containers

Lecture 44: Complete Redux flow

Lecture 45: Adding the value to the cart

Lecture 46: Sharing data between components

Lecture 47: Removing from the cart functionality

Lecture 48: Project overview

Lecture 49: Project start

Lecture 50: Creating components for project

Lecture 51: creating store and reducers

Lecture 52: Receiving data from REST API

Lecture 53: Refactoring the code

Lecture 54: Creating the addContact component

Lecture 55: Adding the contact details using useDispatch

Lecture 56: Fixing warnings and creating a file structure

Lecture 57: Adding the edit contact Function

Lecture 58: Delete an individual Contact

Lecture 59: Completing our project

Lecture 60: Introduction to Redux thunk and middlewares

Lecture 61: Github link for the project