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

4.20 (80 reviews)
Udemy
platform
English
language
Web Development
category
279
students
13 hours
content
Sep 2020
last update
$44.99
regular price

What you will 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

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 environments

In This Course You Will Learn

  • What is MERN Stack

  • Advantages Of Mern Stack

  • Node Js

  • Implementing Routes in Node JS

  • Rendering HTML Files in Node Js

  • Express JS

  • Express Routing

  • NPM Node Package Manager

  • Mongo DB

  • MongoDB Commands Like Create, Read, Update, Delete

  • Connecting Node JS With Mongo DB

  • How To Create a new React Application

  • Components and Different types of Components

  • Components Structure and Life Cycle

  • How to handle events in React

  • Applying styles to React JS Components

  • React Hooks

  • Forms and Form Submissions

  • Routing in React

  • Controlling one component from another Component with the help of Context-API

  • Connecting React Applications to Back-End and build complete full-stack Applications


Content

Introduction

What is MERN Stack
Course Structure
Join Our Discord Community

ES6 Brush Up

What is ES6
Let Keyword
Const Keyword
Arrow Functions
For Of loop
Template Literals
Spread Operator

Node JS

Installing Node JS
Hello World in Node JS
Creating Multiple Routes
Return HTML Pages in Routes
What is Node JS Module
Local Modules

NPM

What is NPM
Installing first NPM Module - Nodemon

Express Framework

What is Express Framework
HelloWorld in Express Framework
Rendering HTML Pages with Express
Using Static files in Express

Express Forms

Express Forms - GET METHOD
Express Forms - POST METHOD

Mongo DB

What is Mongo DB
Installing Mongo DB
Mongo DB Insert
Mong DB Update and Delete

Mongo DB with Node JS

Connecting Node JS with Mongo DB
Node-Mongo CRUD Operations

Express Router

Express Router

React - Intro

What is React
What is Component
JSX Overview

First React App

Helloworld App in React
Project Structure of React-App
Debuggung React App

Components

Components Introduction
Class Components
Functional Components
Parent , Child Components
What is state
setState Method
Props in Class Components
Props in Functional Components

Event Handling In React

Event Handling in Class Components
Event Handling in Functional Components

CSS in React

Inline CSS
Local CSS
Manipulating CSS using Events

Project - Counter App

Counter Application

LifeCycle

Class Component Life Cycle Methods

React Hooks

What is a React Hook
useState Hook
useEffect Hook
Manipulating CSS using Hooks

React Forms with Hooks

Forms Introduction
Forms Submission

Project - User Authentication

Authentication - Part1
Authentication - Part2
Authentication - Part3

Project - TODO List

Todo List Part-1
Todo List Part-2

React Router

Routing Part-1
Routing Part-2

Maps in React

Maps Introduction
Maps Part-2
Maps Part-3
Conditional Rendering in React

Context-API

What is Context API
Implementing Context API
Manipulating Components using Context API

Project - Movies App

Movies App - Part-1
Movies App Part-2

HTTP Methods

Fetch Method
Axios Method
Return HTML Content using HTTP Methods

Project - HOTEL App

Hotel App - Part1
Hotel App - Part2

MERN Helloworld

Connecting React and Node
Helloworld in MERN

MERN Authentication

Creating Front-End
Applying Styles
User Registration
User Login
Getting Users List

Screenshots

The Complete MERN Stack Developer Course 2020 - Screenshot_01The Complete MERN Stack Developer Course 2020 - Screenshot_02The Complete MERN Stack Developer Course 2020 - Screenshot_03The Complete MERN Stack Developer Course 2020 - Screenshot_04

Reviews

Chayakorn
July 23, 2021
This is greats course, but the only thing i want to recommend that you should update your course content instead to sell an update in another course.
Mahdi
November 1, 2020
This course is an excellent course for a beginner to MERN or a person that has some experience but not comfortable with the MERN Stack. The examples are simple enough to grasp the important concepts about the MERN Stack.
Rashad
October 5, 2020
this has actually been really good so far, the speed is just about right and the explanations and the summary at the end is great. I'll be a full stack developer in no time.
Afreen
September 26, 2020
Amazing experience with Udemy , if u want to enhance ur knowledge you should go with Udemy definitely

Coupons

DateDiscountStatus
2/7/202150% OFF
expired

Charts

Price

The Complete MERN Stack Developer Course 2020 - Price chart

Rating

The Complete MERN Stack Developer Course 2020 - Ratings chart

Enrollment distribution

The Complete MERN Stack Developer Course 2020 - Distribution chart
3387040
udemy ID
8/2/2020
course created date
8/14/2020
course indexed date
Bot
course submited by