React JS Training Institute in Coimbatore

Networks
⦁ Understanding the Web
⦁ Mechanism of Data Transfer
⦁ Journey of a Packet

The Front End
⦁ Client-side vs. Server-side
⦁ Learning HTML, CSS, and JavaScript

The Back End
⦁ Exploring the Back End
⦁ Microservice Architecture
⦁ Back-end Programming Basics.

Web Development Frameworks
⦁ Framework Overview
⦁ Front-end and Back-end Frameworks
⦁ Isomorphic Frameworks
⦁ Software Stacks

HTML

• Introduction to HTML
• Attributes and Hyperlinking
• Headings and Lists
• Inline vs. Block Elements, Divs
• Exploring Semantics
• HTML Tables and Forms

Stylizing HTML Content using CSS

• Understanding CSS
• Cascade Introduction
• Basic CSS Selectors
• Selector Combinations
• Box Model, Color, and Fonts
• Text Alignment and Sizing

JavaScript Basics

• First JavaScript Program
• Core JavaScript Concepts
• Conditional Statements
• Handling Categories of Errors

Decisions and Branching

• Flowcharts and Conditional Expressions
• Execution Sheet Transformation

Loops

• Introduction to Loops
• Counter-controlled Loops
• Sentinel Loops and Nesting

Strings and Arrays

• Inside the String
• Working with Arrays
• Iterating Arrays and Nested Arrays

Functions

• Defining and Utilizing Functions
• Overview of Built-in Functions
• String and Array Functions

Complex Programs

• Introduction to Complex Programs
• Utilizing Loops, String Operations, and Arrays

Values, Variables, and Operators

• Variable Mutation
• Basic Operators and Precedence

JavaScript Types

• Object Types
• Type Conversion and Coercion
• Static vs Dynamic Type Checking

JavaScript Conditionals

• Introduction and Use of Conditionals
• Ternary Operators

JavaScript Arrays

• Array Properties and Methods
• Replicating with Array Methods
• Multi-dimensional Arrays

JavaScript Loops

• Break and Continue in Loops
• Iterating Arrays and Objects

JavaScript Functions

• Understanding Nested Functions
• Implementing Arrow Functions
• Functions as Arguments and Return Objects
• Array Methods, Map, Reduce

JavaScript Regular Expression

• Introduction to Regular Expressions
• Syntax and Application in JavaScript
• RegExp Objects and String Methods

Building Interactivity with DOM Manipulation

• Accessing DOM Elements
• Adding and Removing Elements
• Modifying Element Attributes
• Event Listeners and CSS Modification
• Creating an Image Carousel and To-Do List

Introduction to Reactjs

• React Elements
• Tools and Setup
• Zero Configuration Setup

Introduction to ES2015+

• Variable Declarations with let and const
• Arrow Functions and New Methods
• Objects, Classes, Spread Operator
• Destructuring, Rest Operator, Template Strings
• Promises, Asynchronous Functions, Import Syntax

JSX – an Introduction

• JSX as a Key Building Block
• Expressions in JavaScript
• Essential JSX Concepts

Rendering of Elements and Components in React

• Element Rendering
• Understanding React Components
• Component Composition and Division
• Handling Props and Pure Functions
• State and Lifecycle Methods

Introduction to State Management

• Creating Stateful Components
• State Changes with this.setState()
• Lifecycle Methods in Action
• Combining State and Props

Event Handling

• Basics of Event Handling
• Differences in React and Native Event Handlers
• Scopes in Event Handlers
• Exploring the SyntheticEvent Object

Forms

• Introduction to Forms in React
• Uncontrolled vs Controlled Components
• Managing Value Changes

Lists, Fragments, and Conditional Rendering

• Exploring Lists
• Understanding Fragments
• Conditional Rendering Techniques
• Custom Render Methods and Components

CSS and Styling

• Introduction to Styling in React
• Styling with the Style Attribute
• Integrating CSS Classes and Modules
• CSS-in-JS Concepts

Higher Order Components

• Introduction to Higher Order Components
• Implementation of a Higher Order Component

Functions as a Child and Render Props

• Introduction and Application
• Understanding Functions as a Child
• Render Props in React Components

Context API

• Overview of Context API
• Proper API Usage and Multi-Contexts
• ContextType and Addressing Performance Concerns

Refs

• Understanding Refs in React
• String Refs, Callback Refs, and createRef()
• Ref Forwarding Techniques

Error Boundaries

• Introduction to Error Boundaries
• Implementation Strategies for Error Boundaries

Portals

• Understanding React Portals
• Creating and Implementing Portals
• Portals and Their Parent Component Relationship

Code Splitting

• Overview of Code Splitting
• Dynamic Imports and Display Fallbacks with React.Suspense

Typechecking with PropTypes, Flow, and TypeScript

• Introduction to Typechecking
• Application of PropTypes, Flow, and TypeScript

React Hooks – an Introduction

• Understanding React Hooks
• Overview of Built-in Hooks
• Managing State with useState()
• Adding Side Effects with useEffect()
• Accessing Context with useContext()

Hooks in Action

• Practical Application of React Hooks
• Creating Custom Hooks
• Working with Data in Hooks

The Hooks API

• In-depth Look at React Hooks API
• Understanding and Using Various Hooks
• Combining Hooks for Advanced Functionality

Routing in React

• Introduction to React Routing
• Defining and Managing Routes
• Path Matching and URL Control
• Parameters in URLs and Redirects
• Navigation and Connecting Components with Router

State Management

• Overview of State Management
• Introduction to Redux
• Store, Actions, and Reducers
• Creating and Utilizing a Redux Store
• Actions, Asynchronous Actions, and Debugging
• Integrating Redux with React
• mapStateToProps, mapDispatchToProps, and connect()
• Comprehensive Redux with React Hooks

Internationalization

• Introduction to Internationalization in React
• Setup and Integration of i18next
• Utilizing withTranslation() HOC
• Harnessing useTranslation() Hook
• Complex Translations Using the Trans Component