MERN Stack Development with React , Redux , Node 2021

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Intro

Lecture 2: What is MERN

Chapter 2: React Introduction

Lecture 1: What is React

Lecture 2: What is component

Lecture 3: JSX Overview

Chapter 3: ES6 Basics

Lecture 1: ES6 Intro

Lecture 2: Let Keyword

Lecture 3: Const keyword

Lecture 4: Arrow Functions

Lecture 5: For of loop

Lecture 6: Template Literals

Lecture 7: Spread operator

Chapter 4: Create Your First React App

Lecture 1: Hello World in React

Lecture 2: React Project Structure

Lecture 3: Debugging React App

Chapter 5: React Components

Lecture 1: Components Intro

Lecture 2: Class Components

Lecture 3: Functional Components

Lecture 4: Parent and Child Components

Chapter 6: States and Props in Components

Lecture 1: What is a State

Lecture 2: setState in class components

Lecture 3: Props in class components

Lecture 4: Props in functional Components

Chapter 7: Event Handling

Lecture 1: Event Handling in class components

Lecture 2: Event Handling in functional components

Chapter 8: CSS in React

Lecture 1: Inline CSS

Lecture 2: Local CSS

Lecture 3: Manipulating CSS using Events

Chapter 9: Projects – 1 Counter App

Lecture 1: Counter Application

Chapter 10: Life Cycle in Class compoents

Lecture 1: Class Components Life Cycle

Chapter 11: React Hooks

Lecture 1: What is a React Hook

Lecture 2: useState Hook

Lecture 3: useEffect Hook

Lecture 4: Manipulating CSS using Hooks

Chapter 12: React Forms

Lecture 1: Forms Introduction

Lecture 2: Form Submission

Chapter 13: Project – 2

Lecture 1: Authentication – Part-1

Lecture 2: Authentication – Part-2

Lecture 3: Authentication – Part-3

Chapter 14: React Router

Lecture 1: Routing – part-1

Lecture 2: Routing – part-2

Chapter 15: Maps in React

Lecture 1: Maps Introduction

Lecture 2: Maps part-2

Lecture 3: Maps part-3

Lecture 4: Conditional Redndering

Chapter 16: Local Storage

Lecture 1: Local Storage with Strings

Lecture 2: Local Storage with Objects

Chapter 17: Project – 3

Lecture 1: Face Book -Part1

Lecture 2: Face Book -Part2

Lecture 3: Face Book -Part3

Lecture 4: Face Book -Part4

Chapter 18: Context – API

Lecture 1: what is context API

Lecture 2: Implementing Context API

Lecture 3: Manipulating Components using Context API

Chapter 19: Project – 4

Lecture 1: Movies App Part – 1

Lecture 2: Movies App- Part2

Chapter 20: HTTP Methods

Lecture 1: Fetch Method

Lecture 2: Axios Method

Lecture 3: Return HTML Content using HTTP Methods

Chapter 21: Project – 5

Lecture 1: Meals App – Part -1

Lecture 2: Meals – App part-2

Chapter 22: Introduction to Node JS

Lecture 1: Hello World in NODE JS

Lecture 2: Hello World in NODE JS on Screen

Lecture 3: Creating Multiple Routes

Chapter 23: Node JS Modules

Lecture 1: What is Node Js Module

Lecture 2: Local Modules

Lecture 3: NPM

Lecture 4: Installing first NPM Module – Nodemon

Chapter 24: Express Framework

Lecture 1: What is Express Framework

Lecture 2: HelloWorld in Express Framework

Chapter 25: Creating Rest API

Lecture 1: Postman – GET METHOD

Lecture 2: Postman – POST METHOD

Chapter 26: Express Router

Lecture 1: Express Router

Chapter 27: Mongo DB