React JS Training

Instructor

Course Features

Lectures 148
Quizzes 0
Duration 5 Days
Students 11
Certificate No
Assessments Yes

Introduction 7
- Lecture1.1
  
  • ReactJS Introduction
- Lecture1.2
  
  • Single Page Application
- Lecture1.3
  
  • MVC Pattern
- Lecture1.4
  
  • Single Page vs Multi-page Application
- Lecture1.5
  
  • Introduction to Development Environment
- Lecture1.6
  
  • Introduction to Node.js
- Lecture1.7
  
  • Introduction to npm (Node Package Manager)
Environment Setup 5
- Lecture2.1
  
  • Node.js
- Lecture2.2
  
  • HTTP RESTful API Server for Workshop
- Lecture2.3
  
  • Setup NPM Project with Quick Start Configuration
- Lecture2.4
  
  • Visual Studio Code
- Lecture2.5
  
  • Debugger for Chrome for Debugging with Visual Studio Code
ES5 7
- Lecture3.1
  
  • Introduction to JavaScript Scope Issues
- Lecture3.2
  
  • Limitations of Non-Available Namespace
- Lecture3.3
  
  • Introduction to Common JS
- Lecture3.4
  
  • Modules, Module Scoping
- Lecture3.5
  
  • Commonjs ‘Require’ and “Module.Exports”
- Lecture3.6
  
  • Important of CommonJS in JavaScript Application
- Lecture3.7
  
  • Why CommonJS for React.js Development
ECMA 2016/ES6 10
- Lecture4.1
  
  • Introduction to ES6
- Lecture4.2
  
  • Features
- Lecture4.3
  
  • Template Literals
- Lecture4.4
  
  • Block Scope, Let, Constant, Variables
- Lecture4.5
  
  • ES6 Classes, Inheritance, Getter, Setter
- Lecture4.6
  
  • ES6 modules, export, import, module level scope
- Lecture4.7
  
  • Rest, Deconstruct operator, arrow functions
- Lecture4.8
  
  • ES6 Map
- Lecture4.9
  
  • Babel Compiler (Es6 to ES5)
- Lecture4.10
  
  • Babel Configuration, Presets
Render UI with React 10
- Lecture5.1
  
  • React Component in ES5 Way
- Lecture5.2
  
  • ReactDOM Introduction
- Lecture5.3
  
  • React Element
- Lecture5.4
  
  • React.createClass
- Lecture5.5
  
  • ReactDOM Render
- Lecture5.6
  
  • React Prop (Properties), Passing values to components
- Lecture5.7
  
  • React State, Set state
- Lecture5.8
  
  • Render function
- Lecture5.9
  
  • JSX Introduction
- Lecture5.10
  
  • Using JSX in Application Files, Script Tags
JSX 7
- Lecture6.1
  
  • JSX Introduction
- Lecture6.2
  
  • Using JSX in Application Files, Script Tags
- Lecture6.3
  
  • View Components using JSX
- Lecture6.4
  
  • JSX Syntax
- Lecture6.5
  
  • Using JSX to Create View Classes
- Lecture6.6
  
  • Conditional Eendering
- Lecture6.7
  
  • Looping over Elements, objects
Web Pack 4
- Lecture7.1
  
  • Quick Introduction to WebPack
- Lecture7.2
  
  • Babel/JSX Loader
- Lecture7.3
  
  • CSS Loader
- Lecture7.4
  
  • Webpack Config File
React Components with ES6, Webpack 5
- Lecture8.1
  
  • Create Components using ES6 Classes
- Lecture8.2
  
  • Extending React.Component
- Lecture8.3
  
  • Webpack to Load Bundle Application
- Lecture8.4
  
  • Use Webpack in Watch Mode
- Lecture8.5
  
  • Webpack dev Server
Props vs State 4
- Lecture9.1
  
  • Understand the Difference Between Props and State
- Lecture9.2
  
  • Know When to Use Props Vs. State
- Lecture9.3
  
  • Pass Data Up and Down the View Hierarchy
- Lecture9.4
  
  • Compose Generic Components into Specialized Components
React Events 3
- Lecture10.1
  
  • Synthetic Events
- Lecture10.2
  
  • Component Events
- Lecture10.3
  
  • Working with Click, DOM Events
Component Advanced 8
- Lecture11.1
  
  • Component Life-Cycle
- Lecture11.2
  
  • Initializing States
- Lecture11.3
  
  • Using Properties
- Lecture11.4
  
  • Communication between Components
- Lecture11.5
  
  • Component Composition
- Lecture11.6
  
  • Reusable Components
- Lecture11.7
  
  • Events
- Lecture11.8
  
  • Component by Reference (ref)
Promises 5
- Lecture12.1
  
  • ES6 Promise Introduction
- Lecture12.2
  
  • Custom Promises
- Lecture12.3
  
  • Promises Chaining
- Lecture12.4
  
  • Introduction to BlueBird
- Lecture12.5
  
  • A+ Promises
Ajax with Fetch 4
- Lecture13.1
  
  • Using Fetch.js for AJAX
- Lecture13.2
  
  • HTTP Backend REST API/Web API Communication with React
- Lecture13.3
  
  • Promises
- Lecture13.4
  
  • Flattening the Response
React Router 8
- Lecture14.1
  
  • Navigating Webpages in Single Page Application
- Lecture14.2
  
  • Hash URL & HTML5 Mode
- Lecture14.3
  
  • React Router Introduction
- Lecture14.4
  
  • Indexroute
- Lecture14.5
  
  • Route with Multiple Components
- Lecture14.6
  
  • Path Matching
- Lecture14.7
  
  • Routing with Dynamic Values
- Lecture14.8
  
  • Accessing Route Values in Props Params
Forms 7
- Lecture15.1
  
  • React and Forms Introductions
- Lecture15.2
  
  • Controlled Components
- Lecture15.3
  
  • Working with Input Elements
- Lecture15.4
  
  • Working with Select Elements
- Lecture15.5
  
  • Working with TextArea Elements
- Lecture15.6
  
  • Uncontrolled Components (with ref)
- Lecture15.7
  
  • One-Way and Two-Way Data Binding
Introduction to Flux Overview 8
- Lecture16.1
  
  • Flux Architecture
- Lecture16.2
  
  • Designing React Application in Flux Way
- Lecture16.3
  
  • Core Principles of Flux
- Lecture16.4
  
  • Building Blocks in Flux
- Lecture16.5
  
  • Dispatcher
- Lecture16.6
  
  • Stores
- Lecture16.7
  
  • Action
- Lecture16.8
  
  • Views
Redux & Flux 2
- Lecture17.1
  
  • Introduction to Redux
- Lecture17.2
  
  • Flux Implementation
Dispatchers 4
- Lecture18.1
  
  • Dispatcher Introduction
- Lecture18.2
  
  • The Role of Dispatcher
- Lecture18.3
  
  • Registering Callbacks
- Lecture18.4
  
  • Triggering Actions
Redux Stores 3
- Lecture19.1
  
  • Store & The Role of Store
- Lecture19.2
  
  • Maintain Application State
- Lecture19.3
  
  • Event Broadcasting
Redux Reducer 4
- Lecture20.1
  
  • Reducer
- Lecture20.2
  
  • Creating Reducers
- Lecture20.3
  
  • Retrieving State
- Lecture20.4
  
  • Combining Reducers
Actions 7
- Lecture21.1
  
  • Action Creator
- Lecture21.2
  
  • Creating Actions
- Lecture21.3
  
  • Dispatching Actions to the Dispatcher
- Lecture21.4
  
  • Dispatching Async Actions
- Lecture21.5
  
  • Redux-Thunk Introduction
- Lecture21.6
  
  • Applying Redux-Thunk with Action
- Lecture21.7
  
  • Using Middlewares
Views 4
- Lecture22.1
  
  • Views
- Lecture22.2
  
  • React Components as Views
- Lecture22.3
  
  • State Subscribers
- Lecture22.4
  
  • Updating Data from the Store
Binding & Provides, Injection 4
- Lecture23.1
  
  • React-Redux Bindings
- Lecture23.2
  
  • Binding Components to React Store using “Connect”
- Lecture23.3
  
  • Injecting Redux Store using Provider
- Lecture23.4
  
  • Using Providers with React Routers
Working with React and Redux 6
- Lecture24.1
  
  • Applying React & Redux Integration
- Lecture24.2
  
  • Pure Presentational Components
- Lecture24.3
  
  • Container Components
- Lecture24.4
  
  • Map Redux State to React Components
- Lecture24.5
  
  • Map Dispatch to React Components
- Lecture24.6
  
  • BindActionCreators
HTML5 Storage 3
- Lecture25.1
  
  • Introduction to Local Storage
- Lecture25.2
  
  • Introduction to Session Storage
- Lecture25.3
  
  • HTML5 Storage for Application Cache
Unit Testing React 3
- Lecture26.1
  
  • React and Unit Testing
- Lecture26.2
  
  • Testing Components
- Lecture26.3
  
  • Jest and Mock
Debugging React 2
- Lecture27.1
  
  • Debugging React in Browser
- Lecture27.2
  
  • Debuging React in Visual Studio Code
Web Pack Add-ons 4
- Lecture28.1
  
  •Using WebPack for Images
- Lecture28.2
  
  • Using WebPack for CSS
- Lecture28.3
  
  • Webpack Development and Production Configuration
- Lecture28.4
  
  • Webpack Bundle Creation for Production

More than 10 Years of experience in AngularJS® Technologies Has worked on multiple realtime AngularJS projects Working in a top MNC company in Bangalore Trained 2000+ Students so far Strong Theoretical & Practical Knowledge Certified Professionals

Reviews

Average Rating

0 rating

Detailed Rating

5 Star

4 Star

3 Star

2 Star

1 Star

About Courses

Intelligent Process Automation Technologies : Art of Possibilities with Failure Modes

About Courses

Intelligent Process Automation Technologies : Art of Possibilities with Failure Modes

Programming

React JS Training

Course Features

Introduction 7

Environment Setup 5

ES5 7

ECMA 2016/ES6 10

Render UI with React 10

JSX 7

Web Pack 4

React Components with ES6, Webpack 5

Props vs State 4

React Events 3

Component Advanced 8

Promises 5

Ajax with Fetch 4

React Router 8

Forms 7

Introduction to Flux Overview 8

Redux & Flux 2

Dispatchers 4

Redux Stores 3

Redux Reducer 4

Actions 7

Views 4

Binding & Provides, Injection 4

Working with React and Redux 6

HTML5 Storage 3

Unit Testing React 3

Debugging React 2

Web Pack Add-ons 4

Reviews

Become an instructor?

About Courses

Intelligent Process Automation Technologies : Art of Possibilities with Failure Modes

Login with your site account

Register

About Courses

Intelligent Process Automation Technologies : Art of Possibilities with Failure Modes

Programming

React JS Training

Course Features

Introduction 7

Environment Setup 5

ES5 7

ECMA 2016/ES6 10

Render UI with React 10

JSX 7

Web Pack 4

React Components with ES6, Webpack 5

Props vs State 4

React Events 3

Component Advanced 8

Promises 5

Ajax with Fetch 4

React Router 8

Forms 7

Introduction to Flux Overview 8

Redux & Flux 2

Dispatchers 4

Redux Stores 3

Redux Reducer 4

Actions 7

Views 4

Binding & Provides, Injection 4

Working with React and Redux 6

HTML5 Storage 3

Unit Testing React 3

Debugging React 2

Web Pack Add-ons 4

Reviews