Web Development Introduction
Web Application Overview
Web Application Development Blocks
Front-End Development Overview
Single Page Application Introduction
Front End Development Framework Introduction
Client Side Technology Types
Course Syllabus
React Introduction
What is React JS?
React JS Architecture
React JS Terminology
Setting up Development Environment
IDE Extension for React JS Development - VS Code, Sublime, Atom
NPM and Node Introduction
React JS Installation
Developing Simple Angular App
JavaScript for React JS Coding - Programming Language
Variables in JavaScript
Const in JavaScript
let vs var in JavaScript
Operators in JavaScript
Assignments in JavaScript
Control Statements - If Else
Control Statements - If Else If
Control Statements - For Loop
Control Statements - While Loop
Control Statements - Switch Cases
JavaScirpt Functions
Arrow Functions in JavaScript
ES6 Concepts
JavaScript Objects
JavaScript Classes
Constructor and Desctructor
Promises
Fetch
Template Literals
React Components
Component Introduction
Introduction to JSX
Building First Component
Types of Components
Component Architecture
Functional Components
Render Function
States and Props
Class Component
Render Method
Component Lifecycle
Parent and Child Components
Nested Components
States in React JS
React State Introduction
State Creation
Accessing States and SetState
Passing State to another Components
Using State in Functional Components
Using State in Class Components
React Hooks
UseStates
UseEffect
UseContext
React Advance State Management
Custom Hooks
Props in React JS
React Props Introduction
Accessing Props in Components
PropTypes for Props Validation
Props Default Value
Rendering Props using Maps
React Event Handling
Event Handling Introduction
Event Handling Function
Event Object
PreventDefaults
Passing Parameters to the Event Function
Binding Events the Component
Different Binding Types
Synthetic Events
JSX and Styling in React
JSX Introduction
JSX and HTML Difference
JSX Elements
JSX Attribute Difference
Closing Tags in JSX
Fragments
Inline Styling
Styling in React
CSS Stylesheet
Style Import
Using Bootstrap in React
React Forms
Forms Introduction
Basic Form Creation
Controlled Components
Uncontrolled Components
Default Value
Form Input Value Change
Form Submit
Data Validation in Form
React ref Props
React Router
Router Setup
React-Routers Introduction
react-routers features
Single Page Application
HashRouter
BrowserRouter
Route Configuration
Switch Components
Route Params
Nested Routes
Page Navigations
NavLink and Link Components
Route Redirect
Pathless Routes
React Redux
React Redux Introduction
React Redux Installation
React Redux Setting
Container Components
Presentational Components
High Order Components
Redux Architecture
Redux Action
Redux Reducers
Redux Store
Principles of Redux
Redux Middleware Introduction
Redux Middleware Choice
Redux Sagas
Saga Helpers
Promises versus Sagas
Generators in Redux-Saga
Saga Methods()
Data Fetching using GraphQL
GraphQL Introduction
REST API Apporach
Disadvantages of REST API
Advantages of GraphQL
GraphQL Architecture
Datatypes in GraphQL
Modifiers
Schema
GraphQL API Building
Apollo Client Introduction
Apollo Client Setup
Arivu
Front end Trainer
Front end Training Expert worked as front end developer for five years, he is an expert in Javascript, angular, react, devops, nodejs, cloud. He is good at mentoring for career guidance
React JS Training in Kochi Key Skills
- JSX, Props, State
- Component Lifecycle
- Stateful Components
- Stateless Components
- React HTTP Requests
Advantages in TutorsBot
- Placement Team for Job Assurance to Course Enroller
- Professional Trainer from IT Industry
- Deidicated Support Team for Training and Development
- Practical Training Program includes Hand On Project Session
- More than 150 Subject Matter Expert Community
- Five Years of Training Services Provider
- Placed More than 850 Students
