JS & React JS

INTRODUCTION TO JAVASCRIPT

• What is Javascript
• Use Of Javascript in Web Development/Designing
• Javascript vs Ecmascript
• Developer Console
• How To Use Javascript

JAVASCRIPT BASICS

• Variables
• let,var,const
• Hoisting
• Data Types (Premitive,Non-Premitive types)
• Operators
• Pop Ups (alert,prompt,confirm)

JAVASCRIPT CONDITIONS,LOOPS

• if condition
• if else condtions
• nested if else
• switch statement
• while loop
• for loop
• Operators
• Pop Ups (alert,prompt,confirm)

JAVASCRIPT ARRAY,STRING

• What is Array
• Accessing array
• array methods
• What is string
• accessing string
• string methods

JAVASCRIPT FUNCTIONS

• What is function
• function with arguments
• return function
• closure
• higher order / callback function

JAVASCRIPT OBJECTS,CLASS,INHERITANCE

• What is objects
• when to use object
• how to use object
• getters and setters
• prototypal inheritance
• native prototype
• methods for prototype
• class inheritance

JAVASCRIPT EVENTS

• Mouse Events
• Input Events
• Click Events
• Load Events
• Keyboard Key Events

JAVASCRIPT DOM (HTML AND CSS MANIPULATION)

• What is DOM
• DOM Selectors
• DOM with HTML
• DOM with CSS
• DOM Animations
• DOM Nodes
• DOM Nodes Collections

JAVASCRIPT BOM (WINDOW EVENTS)

• What is BOM
• BOM Screen
• BOM Location
• BOM History
• BOM Navigator
• BOM Cookies
• BOM Timings

JAVASCRIPT AJAX AND JSON

• What is AJAX
• Ajax XMLHttp
• Ajax Request
• Ajax Response
• Ajax XML Files
• What is JSON
• JSON vs XML
• JSON Data Types
• JSON Parse
• JSON Stringify
• JSON Objects
• JSON Array
• JSON HTML
• JSON JSONP

JAVASCRIPT ADVANCE CONCEPTS

• this keyword
• closure in detail
• Immediately Invoked Function Expression (IIFE)
• Event Bubbling vs Event Capturing
• apply,call and bind methods
• variable scope and hoisting
• object in details
• callback (higher order) function
• ecmascript
• HTML API's

Course Content : 
ES6 Concepts

• Arrow Function
• Map
• Object.keys
• Destructuring
• let,const,var
• ...(Spread Operator or Transpiler)
• backticks (``)
• Class and Objects
• Inheritance
• bind()
• this keyword

React Introduction

• Introduction to React
• Why React ?
• Virtual DOM
• npm,npx,yarn
• Basic CMD Commands for React
• React Installation
• React Folder Structure
• Running React App

Components In React

• Significance of component architecture
• Types of Components
• Functional Component
• Class Component
• Component Composition
• state
• props
• default export & named export component
• Introduction to Component Life Cycles
• ComponentDidMount
• ComponentDidUpdate

React Router

• Overview & Installation of React Router
• How to use in Project
• Nested Routing

React Bootstrap

• React Bootstrap Installation & Setup
• Working with React Bootstrap Components

Styling React Components

• Styled Components Overview
• Advantage of using styled components
• work with styled components

Working with API calls

• Api overview
• fetch
• axios

Working with Form and Events

• Working with Forms
• Events (keyup,click etc.)
• this.bind
• Arrow function

Code Splitting

• What is code splitting
• Why do you need code splitting
• React.lazy
• Suspense
• Route-based code splitting

Context Api

• Introduction to Context API
• When to Use Context
• Create Context
• Context.Provider
• Context.Consumer
• Reading Context in Component

React Hooks

• What are Hooks
• Why do you need hooks
• Different types of hooks
• useState()
• useEffect()
• useContext()
• useDispatch()
• useSelector()
• useReducer()

Redux & React Redux

• Introduction to Redux
• Why Redux
• Redux Principles
• Installation of Redux ,React-Redux
• CreateStore,Action,Dispatch
• Understand higher order component
• Understanding mapStateToProps and mapDispatchtToProps usage