The Complete Mern Stack Developer Course 2020

Learn how to create Full Stack Web applications using React as Front-End , Node+Express as Backend and Mongo as Database

What you’ll learn
Build a full stack Web Apps with React ,Node, Express & MongoDB
Learn Node JS API (Backend) Development
Node JS Runtime Environment
Express JS and Express Routing
Mongo DB and its Operations
Connecting Node JS with Mongo DB
React Introduction
Developing Single Applications With React
Learn to Write Functional Components with React Hooks
Requirements
Javascript Basics
Description
MERN is a free and open-source JavaScript software stack for building dynamic web sites and web applications. Because all components of the MERN stack support programs that are written in JavaScript, MERN applications can be written in one language for both server-side and client-side execution environmentsIn This Course You Will LearnWhat is MERN StackAdvantages Of Mern StackNode JsImplementing Routes in Node JSRendering HTML Files in Node JsExpress JSExpress RoutingNPM Node Package ManagerMongo DBMongoDB Commands Like Create, Read, Update, DeleteConnecting Node JS With Mongo DBHow To Create a new React ApplicationComponents and Different types of ComponentsComponents Structure and Life CycleHow to handle events in ReactApplying styles to React JS ComponentsReact HooksForms and Form SubmissionsRouting in ReactControlling one component from another Component with the help of Context-APIConnecting React Applications to Back-End and build complete full-stack Applications

Overview

Section 1: Introduction

Lecture 1 What is MERN Stack

Lecture 2 Course Structure

Lecture 3 Node Installation

Lecture 4 Join The Community

Section 2: ES6 Brush Up

Lecture 5 Let Keyword

Lecture 6 Const Keyword

Lecture 7 Arrow Functions

Lecture 8 For Of loop

Lecture 9 Template Literals

Lecture 10 Spread Operator

Section 3: React – Intro

Lecture 11 What is React

Lecture 12 What is Component

Lecture 13 JSX Overview

Section 4: First React App

Lecture 14 Helloworld App in React

Lecture 15 Project Structure of React-App

Lecture 16 Debuggung React App

Section 5: Components

Lecture 17 Components Introduction

Lecture 18 Class Components

Lecture 19 Functional Components

Lecture 20 Parent , Child Components

Lecture 21 What is state

Lecture 22 setState Method

Lecture 23 Props in Class Components

Lecture 24 Props in Functional Components

Section 6: Event Handling In React

Lecture 25 Event Handling in Class Components

Lecture 26 Event Handling in Functional Components

Section 7: CSS in React

Lecture 27 Inline CSS

Lecture 28 Local CSS

Lecture 29 Manipulating CSS using Events

Section 8: Project – Counter App

Lecture 30 Counter Application

Section 9: LifeCycle

Lecture 31 Class Component Life Cycle Methods

Section 10: React Hooks

Lecture 32 What is a React Hook

Lecture 33 useState Hook

Lecture 34 useEffect Hook

Lecture 35 Manipulating CSS using Hooks

Section 11: React Forms with Hooks

Lecture 36 Forms Introduction

Lecture 37 Forms Submission

Section 12: Project – User Authentication

Lecture 38 Authentication – Part1

Lecture 39 Authentication – Part2

Lecture 40 Authentication – Part3

Section 13: Project – TODO List

Lecture 41 Todo List Part-1

Lecture 42 Todo List Part-2

Section 14: React Router

Lecture 43 Routing Part-1

Lecture 44 Routing Part-2

Section 15: Maps in React

Lecture 45 Maps Introduction

Lecture 46 Maps Part-2

Lecture 47 Maps Part-3

Lecture 48 Conditional Rendering in React

Section 16: HTTP Methods

Lecture 49 Fetch Method

Lecture 50 Axios Method

Lecture 51 Return HTML Content using HTTP Methods

Section 17: Project – HOTEL App

Lecture 52 Hotel App – Part1

Lecture 53 Hotel App – Part2

Section 18: Node JS

Lecture 54 Hello World in Node JS

Lecture 55 Hello World On Screen

Lecture 56 Creating Multiple Routes

Section 19: Node JS Modules

Lecture 57 What is Node JS Module

Lecture 58 Local Modules

Lecture 59 NPM

Lecture 60 Installing first NPM Module – Nodemon

Section 20: Express Framework

Lecture 61 What is Express Framework

Lecture 62 HelloWorld in Express Framework

Section 21: Creating Rest API

Lecture 63 Postman – GET Method

Lecture 64 Postman – POST Method

Section 22: Express Router

Lecture 65 Express Router

Section 23: Mongo DB

Lecture 66 What is Mongo DB

Lecture 67 Installing Mongo DB

Lecture 68 Mongo DB Insert

Lecture 69 Mongo DB Update and Delete

Section 24: Mongo DB with Node Js

Lecture 70 Connecting Node JS with Mongo DB

Lecture 71 Node-Mongo Create , Read Operations

Lecture 72 Node-Mongo Delete and Update Operations

Section 25: MERN Helloworld

Lecture 73 Connecting React and Node

Lecture 74 Helloworld in MERN

Section 26: MERN Authentication

Lecture 75 Creating Front-End

Lecture 76 Applying Styles

Lecture 77 User Registration

Lecture 78 User Login

Lecture 79 Getting Users List

MERN Stack,React,Node,Mongo DB,Express,Javascript