JavaScript & React JS Syllabus
JavaScript
- Declarations
- Variable
- Variable Types
- Variable Scopes
- Function
- Types of Function
- Anonymous Function
- Arrow Function
- IIFE (Immediately Invoking Function)
- Callbacks
- Nested Functions
- Events
- Dynamic Events
- var/let
- Hoisting
- Array and Array Functions
- Object
- How Many Ways to Create Object
- Nested Objects
- Destructuring
- BOM Objects
- window
- document
- history
- navigator
- Date Object
- Math Object
- String Functions
- Conversion Functions
- Ajax
- Promise
- Promise.all, race, any, allSettled
- call
- apply
- bind
- Async Await
- OOPs
- class
- Object
- Inheritance
- Constructor
- Event Bubbling/Trickling
- Event Loop
- Exception Handling
- Event Object Methods
- Protocols and State Management
- Local Storage
- Session Storage
- Default Values
- Rest/Spread
- Closures
- Currying
React JS
- Introduction to React
- Node Repository
- Components
- Functional and Class Components
- What Is JSX
- JSX Expressions
- State & The Context API
- Working With Forms
- Functional Component Lifecycle Hooks
- Changing State From Another Component
- Using The Context API & Provider State
- Adding A Context Reducer For Actions
- Creating A Form With State
- Controlled Components & onChange
- TextInputGroup Component For DRY Code
- Working With Props
- CSS in React
- Adding Bootstrap
- Events In React
- Uncontrolled Components & Refs
- Form Submit Action To Context
- Error Checking & Display
- Lifecycle, HTTP & Deployment
- Lifecycle Methods
- AJAX
- Axios
- GET Requests
- POST & DELETE Requests
- API Service Calls
- CRUD Operations
- Using Async/Await
- React Routing
- React Router Setup
- Links, Params & Redirect
- Role-Based Routing
- Authentication and Authorization
- PUT Request & Update Action
- Learning Redux
- App Starting Point For Redux
- Redux Store Setup & Contact Reducer
- Redux Thunk & HTTP
- Route Protection (Guard)
- Persist Settings To LocalStorage
- Server Side Interaction
- Higher Order Component