React JS Training
Institute in Hyderabad

HTML Tags

HTML Attributes

HTML Editors

HTML Document Structure

HTML Headings

HTML Paragraphs

HTML Styles

HTML Comments

HTML Blocks, Classes, Ids

HTML Tables

HTML Lists

HTML Images

HTML Forms

HTML File Paths

Introduction to CSS

CSS Selectors
Inserting CSS in to HTML(Inline, Internal,External)
Colors, Borders, Background, margins, padding.

Working with core concepts of CSS

Box/Model,Outline,Fonts,Links,Lists,Tables,Combinations

Introduction to JavaScript

Scripting Languages and their usage
Getting Started with JavaScript.
History of JavaScript
Variable
Data types
Real time examples

Operators and control statements

Types of Operators and their usage
If statement
If else statement
If else if statement
Real time examples
while loop
do-while loop
for loop
keywords used in control statements like return,break.
Real time examples

Working with Functions

Defining Functions
Function Expressions
Calling Functions
Function Scope
Nested Functions
First class functions
IIFE
Real time examples

Working with Arrays

Creating an Array.
Accessing,Looping Over,removing elements.
Array methods in detail.
Real time examples
Working with Numbers and Dates
Numbers and its methods.
Date and its methods.
Real time examples

Working with Strings

Strings and its methods
Real time examples

Working with Objects

Objects and properties
Creating new objects
Creating objects using create function
this keyword
Real time examples

Working with Scopes and Events

Types of Scopes in detail
Different types of events with real time examples

Working with Validations

Basic Validations
Advanced Validations
Real time examples
Understanding Garbage Collection and Best coding practices.

Working with DOM

Intro to DOM
Methods,Documents, Elements
Events
Event Listener
Working with DOM
Navigation
Nodes
Collections
Node Lists

Bootstrap

Images

Jumbotron

Alerts

Buttons

Button Groups

Badges, ProgressBars

Pagination

Dropdowns

Navs,Navbar

Forms, Input

Carousel

Modal

Tooltip

Popover

An application using Bootstrap 4

Intro to React

Overview

Environment Setup

Components

State

Props Overview

Component API

Component Life Cycle

Forms

Events

Refs

Keys

Router

Getting Started with Youtube Clone App

Project Setup

A Taste of JSX

More on JSX

ES6 Import Statements

ReactDOM vs React

Differences Between Component Instances and Component Classes

Render Targets

Component Structure

Youtube Search API Signup

Export Statements

Class-Based Components

Handling User Events

Introduction to State

More on State

Controlled Components

Making API calls using AJAX

Youtube Search Response

Refactoring Functional Components to Class Components

Props

Building Lists with Map

List Item Keys

Video List Items

Detail Component and Template Strings

Handling Null Props

Video Selection

Styling with CSS

Searching for Videos

Throttling Search Term Input

What is Redux.

Redux Architecture

Putting Redux to Practice

Reducers

Containers - Connecting Redux to React

Containers Continued

Implementation of a Container Class

Containers and Reducers Review

Actions and Action Creators

Binding Action Creators

Creating an Action

Consuming Actions in Reducers

Consuming Actions in Reducers Continued

Conditional Rendering

Reducers and Actions Review

Component Setup

Controlled Components and Binding Context

Form Elements in React

Working with API's

Introduction to Middleware

Ajax Requests with Axios

Redux-Promise in Practice

Avoiding State Mutations in Reducers

Building a List Container

Mapping Props to a Render Helper

Adding Sparkline Charts

Making a Reusable Chart Component

Labeling of Units

Google Maps Integration

Posts API

Quick Note

Installing React Router

What React Router Does

The Basics of React Router

Route Design

Our First Route Definition

State as an Object

Back to Redux - Index Action

Implementing Posts Reducer

Action Creator Shortcuts

Rendering a List of Posts

Creating New Posts

A React Router Gotcha

Navigation with the Link Component

Redux Form

Setting Up Redux Form

The Field Component

Generalizing Fields

Validating Forms

Showing Errors to Users

Handling Form Submittal

Form and Field States

Conditional Styling

More on Navigation

Create Post Action Creator

Navigation Through Callbacks

The Posts Show Component

Receiving New Posts

Selecting from OwnProps

Data Dependencies

Caching Records

Deleting a Post