MERN Stack Development

(Mongo | Express.JS | React.JS | Node.JS)

MERN :-The MERN stack is a JavaScript stack that's designed to make the development process smoother. MERN includes four open-source components: MongoDB, Express.JS, React.JS, and Node.JS. These components provide an end-to-end framework for developers to work in.

  • History of Javascript

    What is ES6 (ECMAScript 6/JavaScript 6)

    ES6 Module System

    A Word on Bable

    Block Scope, Let & Const

    Template Literals

    Arrow Functions

    Spread and Rest Operators

    Object Literal Improvements

    Destructuring

    Classes

    Inheritance

    Static Properties and Methods

    Promises

    Iterators and Iterables

    Generators

    Modules

    New Features in ES6

            JavaScript let

            JavaScript const

            JavaScript Arrow Functions

            JavaScript Classes

            Default parameter values

            Array.find()

            Array.findIndex()

            Exponentiation (**) (EcmaScript 2016)

1. Introduction

   Audience

   Pre-requisites

   About Node

   Execute Node

   Features

   Who use Node

   Concepts

   Where to use

   Where not to use

2. Environment Setup

   Text Editor

   Nodejs Run Time

   Download NodeJs

   Installation

   Executing

3. First Application

   Creating a NodeJs Application

   Make a request to NodeJs Server

4. REPL Terminal

   What is REPL?

   Starting REPL

   REPL Commands

   Stopping REPL

5. Packager Manager (NPM)

Installing Modules using NPM

      Global vs Local Installation

   Using packages.json

   Attributes of packages.json

   Uninstalling Module

   Updating Module

   Searching Module

   Create a Module

6. Callbacks Concept

   Using Props

   Default Props

   State and Props

7. Event Loop

   Validating Props

8. Event Emitter

   Set State

   Force Update

   Find DOM Node

9. Buffers

   Lifecycle Methods

10. Streams

   Simple

   Complex

11. File System

   Simple

   Child

12. Global Objects

   What is Refs

   Using Refs

13. Utility Modules

   What is Keys

   Using Keys

14. Web Modules

   Install a React Router

   Add a Router

   Create Components

15. Express Framework

   What is Flux

   Flux Elements

   Flux Props

16. Restful API

   Install Redux

   Create Files and Folders

   Actions

   Reducers

   Store

   Root Component

   Other Components

17. Scaling Application

   Install React CSS Transitions Group

   Add a CSS File

   Appear Animation

   Enter and Leave Animations

18. MongoDB

   Connecting Node and MongoDB

   Database Creation, Drop

   Collection Operations

   Documents Operations

19. Application

    Node and Mon

1. Express.JS Basics

Introduction, Advantages

Environment Setup

Basic Application

2. Advanced Concepts of Express.JS

Request

Response

GET

POSt

Routing

HTTP Methods

URL Building

Middleware

Templating

Static Files

Form Data

Database

Cookies

Sessions

File Upload

Authentication

REST FUL API’s

Scaffolding

Debugging

1. MongoDB Basics

Introduction, Advantages

History, Features

No SQL Databases

Advantages over RDBMS

2. Environment Setup

Install MongoDB

MongoDB Shell

MongoDB Data Model

MongoDB Datatypes

3. Database

Create Database

Drop Database

4. Collection

Create Collection

Drop Collection

5. CRUD Documents

Insert Documents

Update Documents

Delete Documents

Query Documents

6. Methods

Limit()

Sort()

Skip()

1. Introduction of React.JS

Audience

Pre-requisites

About React

Features

Advantages

Limitations

2. Environment Setup

Create of Root Folder

Install Global Packages

Add Dependencies and Plugins

Create the Files

Set Compiler, Server and Loaders

html

jsx and Main.js

Running the Server

3. JSX

What is JSX

Using JSX

Nested Elements

Attributes

Javascript Expressions

Styling

Components

Naming Convention

4. Components

Stateless

Stateful

5. State

What is State?

Props

6. Props Overview

Using Props

Default Props

State and Props

7. Props Validation

Validating Props

8. Component API

Set State

Force Update

Find DOM Node

9. Component Life Cycle

Lifecycle Methods

10. Forms

Simple

Complex

11. Events

Simple

Child

12. Refs

What is Refs

Using Refs

13. Keys

What is Keys

Using Keys

14. Router

Install a React Router

Add a Router

Create Components

15. Flux Concept

What is Flux

Flux Elements

Flux Props

16. Using Flux and Redux

Install Redux

Creating Components

Working with States

Composing Components

Actions

Event Handlers

Reducers

Store

Root Component

Other Components

Unit Testing – Tools, React, Redux

17. Animations

Install React CSS Transitions Group

Add a CSS File

Appear Animation

Enter and Leave Animations

18. Higher-Order Components

What is Higher-Order Components

Ecommerce Website


Instructors

Choton Chandra Dash

Instructor

PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML.

PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML.

Stephane Smith

4.5   256 Reviews
Phasellus enim magna, varius et commodo ut, ultricies vitae velit. Ut nulla tellus, eleifend euismod pellentesque vel, sagittis vel justo. In libero urna, venenatis sit amet ornare non, suscipit nec risus.
Was this review helpful?

Anna Sthesia

4.5   256 Reviews
Phasellus enim magna, varius et commodo ut, ultricies vitae velit. Ut nulla tellus, eleifend euismod pellentesque vel, sagittis vel justo. In libero urna, venenatis sit amet ornare non, suscipit nec risus.
Was this review helpful?

Petey Cruiser

4.5   256 Reviews
Phasellus enim magna, varius et commodo ut, ultricies vitae velit. Ut nulla tellus, eleifend euismod pellentesque vel, sagittis vel justo. In libero urna, venenatis sit amet ornare non, suscipit nec risus.
Was this review helpful?

Rick O'Shea

4.5   256 Reviews
Phasellus enim magna, varius et commodo ut, ultricies vitae velit. Ut nulla tellus, eleifend euismod pellentesque vel, sagittis vel justo. In libero urna, venenatis sit amet ornare non, suscipit nec risus.
Was this review helpful?
View More
Video Image

Preview this course

  • Lectures 3
  • Quizzes 0
  • Duration 6 month
  • Students 21
  • Assessments Yes