Innovative Skills

Course Description

React JS for Backend Developers" is designed to help backend developers transition into front-end development using React JS. This guide covers key React concepts such as components, state management, props, and hooks, along with practical tips for integrating React with backend technologies. It also includes best practices for setting up a React development environment and creating efficient, interactive user interfaces.

JavaScript Code Run - Topic -01

How to run JavaScript Code in browser

External JS file - Topic -02

How a beginner can make a JS file and add it with HTML file and render in browser

JS Syntax - Topic -03 & 04

Variable (basic)
Number
String
Operator (basic)
JavaScript Expressions
JavaScript Keywords
JavaScript Comments
JavaScript Identifiers / Names
JavaScript is Case Sensitive
JavaScript and Camel Case

Variable - Topic -05

What is variable?
When to Use var
let
or const?
JavaScript Identifiers
The Assignment Operator
Re-Declaring JavaScript Variables

Operators - Topic -06

JavaScript Assignment
JavaScript Addition
JavaScript Multiplication
Types of JavaScript Operators
JavaScript Arithmetic Operators
JavaScript Comparison Operators

Data Types - Topic -07

The Concept of Data Types
JavaScript Types are Dynamic
JavaScript Strings
JavaScript Numbers
JavaScript Booleans

Function - Topic -08 & 09

JavaScript Function Syntax
Function Invocation
Function Return

If else - Topic -10

Overview of if else condition

Loop - Topic -11

What is loop ?
Details of For Loop

Object - Topic -12

JavaScript Objects
Object Properties
Object Methods

Array - Topic -13

Why Use Arrays?
Creating an Array
Accessing Array Elements
Changing an Array Element
Array Properties and Methods

Asynchronous JavaScript - Topic -15

Callbacks
Promises
Async-await

DOM, BOM and Event Listeners - Topic -16, 17, 18, 19

DOM Manipulation
Event Listener
BOM

Projects - Topic -20, 21, 22, 23, 24

Project -01
Project -02

Introduction to React - Topic -25

What is React?
Why use React?
Setting up a React environment

React Components - Topic - 26

What are components?
Creating and rendering components

JSX - Topic - 27

Understanding JSX
Embedding expressions in JSX
JSX attributes and styling

Props and State - Topic -28

Passing data with props
Using state to manage component data
setState and the useState Hook

Component Lifecycle - Topic -29

Learn about component lifecycle

Conditional Rendering - Topic -30

Conditional rendering in React
Using **`if`**
**`else`**
and ternary operators

Forms and Controlled Components - Topic -31

Handling forms in React
Controlled vs uncontrolled components
Using state to control form inputs

React Router - Topic -32

Setting up React Router
Basic routing
Browser Router
Route
Link
Introduction to React Router

Event Handling - Topic -33

Handling events in React
Updating state with event handlers

State Management - Topic -34

Understanding the need for state management
Introduction to Redux: Store
actions
and reducers

Project - Topic -36

Plan and build a complete React application using all the concepts learned
Suggested projects: Task manager
Weather app
E-commerce front-end etc
Implement state management
routing
context
and API integration

React JS (A-Z) For Backend Developer

Course Description

JavaScript Code Run - Topic -01

External JS file - Topic -02

JS Syntax - Topic -03 & 04

Variable - Topic -05

Operators - Topic -06

Data Types - Topic -07

Function - Topic -08 & 09

If else - Topic -10

Loop - Topic -11

Object - Topic -12

Array - Topic -13

Asynchronous JavaScript - Topic -15

DOM, BOM and Event Listeners - Topic -16, 17, 18, 19

Projects - Topic -20, 21, 22, 23, 24

Introduction to React - Topic -25

React Components - Topic - 26

JSX - Topic - 27

Props and State - Topic -28

Component Lifecycle - Topic -29

Conditional Rendering - Topic -30

Forms and Controlled Components - Topic -31

React Router - Topic -32

Event Handling - Topic -33

State Management - Topic -34

Project - Topic -36

Evaluation

Reviews through our website

Reviews through Social Media

Tasfiq Kamran

Aminul Mahi

Shaiful Islam

MD Asadullah Shibli

Obaydullah Hasib

Nirban Mitra Joy

Md Maniruzzaman Manir

Md Anower Hossain

Mehedi Azad

Alomghir Hossain

Video Feedback

Student - 1

Student - 2

Student - 3

Student - 4

Student - 5

Discount: 40%

Price

5000

Discount Price

3000

Duration

2.5 months

Class Type

Pre-Recorded

Access

Lifetime

Other Courses

6 Months

40-45 Classes

24 Classes

24 Classes

3 Months

6 months

5 Hours (23 Videos)

2 Months

8 Hours

20 Hours

3 months

24 Tutorials

3 Month (24 - Classes)

Explore

Resources

Address

D/36, Block-E, Lalmatia, Dhaka