Introduction of React.JS

• Audience

• Pre-requisites

• About React

• Features

• Advantages

• Limitations

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

JSX

• What is JSX

• Using JSX

• Nested Elements

• Attributes

• JavaScript Expressions

• Styling

• Components

• Naming Convention

Components

• Stateless

• State full

State

• What is State

• Props

Props Overview

• Using Props

• Default Props

• State and Props

Props Validation

• Validating Props

Component API

• Set State

• Force Update

• Find DOM Node

Component Life Cycle

• Lifecycle Methods

Forms

• Simple

• Complex

Events

• Simple

• Child

Refs

• What is Refs

• Using Refs

Keys

• What are Keys

• Using Keys

Router

• Install a React Router

• Add a Router

• Create Components

Flux Concept

• What is Flux

• Flux Elements

• Flux Props

Introduction of CSS

• Audience

• Pre-requisites

• About Node

• Execute Node

• Features

• Who use Node

• Concepts

• Where to use

• Where not to use

Environment Setup

• Text Editor

• NodeJs Run Time

• Download NodeJs

• Installation

• Executing

First Application

• Creating a NodeJs Application

• Make a request to NodeJs Server

REPL Terminal

• What is REPL

• Starting REPL

• REPL Commands

• Stopping REPL

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

Call backs Concept

• Using Props

• Default Props

• State and Props

Event Loop

• Validating Props

Event Emitter

• Set State

• Force Update

• Find DOM Node

Buffers

• Lifecycle Methods

Streams

• Simple

• Complex

File System

• Simple

• Child

Global Objects

• What is Refs

• Using Refs

Utility Modules

• What is Keys

• Using Keys

Web Modules

• Install a React Router

• Add a Router

• Create Components

Express Framework

• What is Flux

• Flux Elements

• Flux Props

Restful API

• Install REDUX

• Create Files and Folders

• Actions

• Reducers

• Store

• Root Component

• Other Components

Scaling Application

• Install React CSS Transitions Group

• Add a CSS File

• Appear Animation

• Enter and Leave Animations

MongoDB

• Connecting Node and MongoDB

• Database Creation, Drop

• Collection Operations

• Documents Operations

Application

• Node and MongoDB Application

Express.JS Basics

• Introduction, Advantages

• Environment Setup

• Basic Application

Advanced Concepts of Express.JS

• Request

• Response

• GET

• POST

• Routing

• HTTP Methods

• URL Building

• Middleware

Call backs Concept

• Using Props

• Default Props

• State and Props

Event Loop

• Validating Props

Event Emitter

• Set State

• Force Update

• Find DOM Node

Buffers

• Lifecycle Methods

Streams

• Simple

• Complex

File System

• Simple

• Child

Global Objects

• What is Refs

• Using Refs

Utility Modules

• What is Keys

• Using Keys

Web Modules

• Install a React Router

• Add a Router

• Create Components

Express Framework

• What is Flux

• Flux Elements

• Flux Props

MongoDB Basics

• Introduction, Advantages

• History, Features

• No SQL Databases

• Advantages over RDBMS

Environment Setup

• Install MongoDB

• MongoDB Shell

• MongoDB Data Model

• MongoDB Datatypes

Database

• Create Database

• Drop Database

Collection

• Create Collection

• Drop Collection

CRUD Documents

• Insert Documents

• Update Documents

• Delete Documents

• Query Documents

Methods

• Limit ()

• Sort ()

• Skip ()