HTML Tags, Table/Div, Forms, image, form, css syntax, selectors, css properties, JavaScript concept, JavaScript events, various types of validation, jQuery concept, jQuery functions, useful plugins, jQuery AJAX, JSON

JS HTML DOM, Methods, Documents, Elements, Events, Event Listener, Navigation, Nodes, Collection, Node Lists

JavaScript let, const, Arrow Functions, Classes, Default parameter values, Prototype, Filter, Array.find(), Array.findIndex(), Exponentiation (**), Debugging

React JS overview, Library Vs. Framework, Basic configuration & installation, React JS environment setup, Virtual DOM, JSX.line

Directory structure, Create React app, Elements, Class, Components, Components Lifecycle, Rendering and Conditional rendering.

Overview, React JS state & props, Updating states, Props Validation, React JS forms & events, Validations, React fragments, Refs, Keys.

Installation, React JS router, Browser-Router, Route, Link, NavLink, Component routing, Switch.

Overview, Theory, Hooks, Redux store, actions, reducer, updating component, HOC (Higher Order Components).

What is API, API Basics, HTTP, Axios, Front-end and API integrations, Showing dynamic data on Front-end through API from Database, CRUD application using ready APIs.

After learning to create Front-end of a web application using React JS, a live project work will be assigned where the APIs will be written by the back-end developers of our development unit and the students will create the Front-end in React JS and will connect the APIs to show dynamic data from the database. It will be a fully API driven project.

On successful completion of the training and the assigned project work, students get certified as Trainee React Developer Handson.