React JS (A-Z) For Backend Developer

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