React.Js Training and Certification Course

Overview Of Web Development Technologies

- How client Server Communication work

- understanding three tier architecture

- role of different technologies

- changed role of Java script

HTML Basics

- introduction of tags

- Empty and Container Tags

- html elements

- html attributes

- html tables

- html Lists

- html div

- html forms

- html other important tags

CSS Basics

- Introduction of CSS

- Inline CSS

- Internal CSS

- External CSS

- intro of selectors

- Basic Selectors

- Combinator selector

- pseudo class selector

- pseudo element selector

- attribute selector

- Making a Basic Navigation Bar with UL LI

- Positioning in CSS

- Type Of Elements

- handling Gap in inline and inline block elements

- Box model( Margin, Padding, border, Box sizing , overflow)

- Float property

- positioning in CSS

- flex Module in CSS

- Grid Layout in CSS

- Transform property

- animation using transition property

- animation using key frames and animation property

- media query in css

BootStrap Framework

- Introduction of bootstrap

- Bootstrap carousal

- BS Grid Basic

- BS Typography

- BS Tables

- BS Images

- BS Jumbotron

- BS Wells

- BS Alerts

- BS Buttons

- BS Button Groups

- BS Glyphicons

- BS Badges/Labels

- BS Progress Bars

- BS Pagination

- BS Pager

- BS List Groups

- BS Panels

- BS Dropdowns

- BS Collapse

- BS Tabs/Pills

- BS Navbar

- BS Forms

- BS Inputs

- BS Carousel

- BS Modal

- BS Tooltip

- BS Popover

- BS Affix

- BS Filters

- JS Introduction

- Variables in JS

- Operators in JS

- JS Data Types

- JS Control statements

- JS Functions

- JS Events

- Accessing Dom Elements in JS

- Manipulating Dom

- Form Validation

- HTML5 inbuilt validation attributes

- custom Validation

- Using Regex in Form Validation

- JS Objects

- JS Strings

- JS Numbers

- JS Arrays

- JS Dates

- JS Date Formats

- JS Math

- JS Random

- JS Booleans

- JS Errors

- JS Let

- JS Const

- jQuery Usage

- Downloading jQuery

- jQuery: Operational Overview

- Basic Selectors

- Hierarchical Selectors (Combinators)

- Attribute Selectors

- Filtering Methods

- Traversing Methods

- Selecting From Forms

- Selecting Parent and Children

- Manipulating DOM Elements

- Getting and Setting Attribute Values

- Removing Attributes

- Binding Events to Handler

- Triggering Events

- Changing HTML Content

- Changing Text Content

- Introduction to Animations

- Effects (Basic Animation)

- JSON Parsers

- Sending Data

- jQuery AJAX Utility Methods

- JS CallBacks

- JS CallBack Hell

- Asynchronus Behaviour of JS

- Java Script Threading Model

- Arrow Functions

- ways of Function Definition

- ways of function calling

- context binding

- Advance Operators ( typeof, instanceof, in, rest and spread, delete, ** )

- destructuring in js

- template string

- Variable Hoisting

- JS Clousers

- JS Objects

- JS Constructor

- JS prototypal inheritance 

- JS Promise intro

- JS Promise implemetation

- Observable

- Obervable implimentation with RxJs

- Async / Await in JS

- JS global object

- understanding 'this'

- import export js Modules

Introduction to Basic building blocks of Web Application Development.  HTML-CSS-JS

SPAs and React Web Apps.

ReactJS Overview. 

Single Page Apps  VS  Multi-Page Applications.

What is a DOM, VirtualDOM and ShadowDOM?  

Installing ReactJS and writing our first Hello World code. 

The Folder Structure of React Application.

Basic Building Blocks of React JS – (components,state,props,jsx)

What are the components? Understanding the component basics and different types of components. 

What are the functional components and container components?

Creating your first class-based component and functional component.

Understanding JSX and JSX restrictions.

Component Nesting.

What are props and a simple understanding of props? 

Passing Props into components. 

Accessing props inside the components. 

Creating reusable dynamic components

Styling React components. The different ways of styling the react components.

Inline styles and external styles to the components.

Using styled-components.

Creating a navigation-bar in reactJS.

Introduction to React Router. 

Creating Routes to our Navigation Bar.

Components configuration with state, props and children.

Understanding and using state and props, and Differences between props and state

Handling Events

Manipulating the state with setState() method

Difference between stateless and stateful components.

Adding two-way binding.

Rendering content conditionally.

Making API REQUESTS with React.

Fetching data – Axios vs Fetch.

Building Lists from data

The purpose of keys in lists and Implementing keys in lists.

Handling User Input with forms and events.

Controlled Elements versus uncontrolled elements.

Handling forms submitted.

Understanding this in Javascript and solving context issues.

Communicating child to parent.

Handling user Input of dynamic forms

Handling form submission(MAKING API CALL )

Adding Custom Form Validation. 

Showing validation errors and other error messages.

Handling overall form validity.

Using Refs for DOM Access.

Redux, and The complexity of managing state. 

Understanding the Redux flow. 

Adding Redux to the React Project and Redux Devtools.

What is the provider and adding the provider? 

Setting Up the Reducer and the Store

Dispatching the Actions.

Adding Subscriptions.

Connecting React to Redux.

Connecting the store to react. 

Dispatching the Actions from within the Component. 

Passing and Retrieving Data with Actions.

Switch Case in the reducer

Updating the State and the Array Immutable.

Combining multiple Reducers.

Handling Authentication in React. 

The Context System with React.

Replacing Redux with Context or using both together.

Higher-Order Components in React.

The concept of Render Props.

Error Boundaries. 

React.Fragments

Introducing Lifecycle methods. 

Why use Lifecycle methods

React Hooks – An Introduction, Why React Hooks

Moving from classes to functional components

Introducing the first Hook:  useState Hook and Second Hook: useEffect Hook

Data Fetching with hooks/replacing the class lifecycle methods

Fetching data on component mount with useEffect

Using the useRef Hook

Displaying loading state with useState

Error Handling and displaying errors with useState

The useReducer Hook

Using the useContext Hook

Introduction to deployment

Deploying the React Application