1.1 variables

1.2 Dataypes

1.3 string built-in methods

1.4 split method

1.5 built-in array methods

1.6 Difference between length and index

1.7 loose equality and strict equality

1.8 looping

1.9 while loop

1.10 if-else statements

1.11 nested if

1.12 factorial

1.13 break and continue statement

1.14 scopes

1.15 functions

1.16 arrow functions

1.17 callback function

1.18 timer functions

1.19 hoisting

1.20 objects

1.21 methods

1.22 this keyword

1.23 for in loop

1.24 dom

1.25 query selector and query selector all

1.26 innertext and inner html

1.27 adding styles and className through js

1.28 parent-child sibling

1.29 for each loop event listener

1.30 Advanced Array built in methods

1.30.1 for each method

1.30.2 map method

1.30.3 filter method

1.30.4 reduce method

1.30.5 flat method

1.30.6 find index method

2.1 Building Blocks of Web Application Development

2.2 Single-page and Multi-page Applications

2.3 Different Client-side Technologies

2.4 MVC Architecture

2.5 Introduction to React

2.6 creating react app

2.7 file structure of react app

2.8 introduction to jsx

2.9 events

2.10 why we don’t use variables

2.11 DOM

2.12 Virtual DOM and its working

2.13 ECMAScript

2.14 Difference between ES5 and ES6

3.1 React Elements

3.2 Render Function

3.3 Components

3.4 Class Component

3.5 States in class components

3.6 Props in class component

3.7 Life cycle methods in class component

3.7.1 Component Did Mount(class)

3.7.2 Component Did Update(class)

3.7.3 Component Will Un Mounting(class)

3.8 Functional component

3.9 States in functional component

3.10 Props in functional component

3.11 Life cycle methods in functional component

3.11.1 UseEffect

3.11.2 UseRef

3.12 Forms in React

3.13 Form validation

3.14 Styling in react

3.15 Inline styling

3.16 Custom module

4.1 Routing

4.1 Routing(continued)

4.2 React-router

4.3 Features of react-router

4.4 Configuration of routing using react-router

4.5 Navigation using Links

4.6 404 page (Not found Page)

4.7 URL Parameters

4.8 Nested Routes

4.9 Implementing styles using NavLink

4.10 Application Programming Interface

4.11 Build a REST API using json-server

4.12 API consumption in React application using Fetch method

5.1 Need of Redux

5.2 What is Redux?

5.3 Redux Architecture

5.4 Redux Action

5.5 Redux Reducers

5.5 Redux Reducers

5.6 Redux Store

5.7 Principles of Redux

5.8 Pros of Redux

5.9 NPM Packages required to work with Redux

6.1 Need of Async operations

6.2 Async Workflow

6.3 Action Creators

6.4 How to write Action Creators?

6.5 Handling Async Actions via Reducers

6.6 Middleware

6.7 Redux-Saga

6.8 Generators in Redux-Saga

6.9 Saga Methods()

6.10 Major Sections of Redux-Saga

6.11 Building a Product List application using Redux-Saga Middleware

7.1 Caveat of JavaScript classes

7.2 Functional components and React hooks

7.3 What are React hooks?

7.4 Basic hooks

7.5 useState() hook

7.6 How to write useState() hook when state variable is an array of objects

7.7 useEffect() hook

7.8 Fetch API data using useEffect() hook

7.9 useContext() hook

7.10 Rules to write React hooks

7.11 Additional hooks

8.1 What is GraphQL?

8.2 Cons of Rest API

8.3 Pros of GraphQL

8.4 Frontend backend communication using GraphQL

8.5 Type system

8.6 GraphQL datatypes

8.7 Modifiers

8.8 Schemas

8.9 GraphiQL tool

8.10 Express framework

8.11 NPM libraries to build server side of GraphQL

8.12 Build a GraphQL API

8.13 Apollo client

8.14 NPM libraries to build client side of GraphQL