React JS
Module A: (HTML, CSS, Javascript, DOM, ES6 )
HTML Tags
css syntax
selectors
css properties
JavaScript concept
JavaScript events
JSON
JS HTML DOM
Methods
Event Listener
String Built-in Functions
Array Built-in Functions
callback functions
Array to Json conversion
Json methods
Data types
Regex in javascript
Error Handling
Javascript Hoisting
Events
call() , apply(), bind() function
let ,var and const keywords
Default Parameters
Arrow functions
Template Literals
Rest and spread operators Classes
Destructuring assignment
Promises, async await, && , || , ! Operators, optional chaining
Module B: (React JS Overview, Installation)
React JS overview
Library Vs. Framework
Basic configuration & installation
React Features
Virtual DOM
JSX
Components
Module C: (Getting started with ReactJS)
Directory structure
Create React app
Elements
Class
Components
Components Lifecycle
Rendering and Conditional rendering
Module D: (React JS state management and Forms)
Overview
React JS state & props
Children
Updating states
React JS forms & events
Validations
React fragments, Refs, Keys, CSS in reactjs, HOC (Higher Order Components)
Module E: (Router)
Installation
React JS router
URL Parameters
Route, Link, NavLink, Component routing, Switch ,Nesting, LocalStorage, Private Route , Redirects (Auth)
Module F: (Hooks & Redux)
Overview
Theory
Hooks concept ,useState() , useEffect(), useRef(), useMemo(), useSelector(), useRedux(). Redux store, actions, reducer, updating component, Redux Architecture concept.
Module G: (Front-end Connectivity With Database Through API)
What is API
API Basics
HTTP
Fetch
Axios
Front-end and API integrations
Showing dynamic data on Front-end through API from Database
CRUD application using ready APIs
API error response handling using try block
catch block
finally block
Module H (Project Work): (Front-end (UI) Development for a Live Web App)
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.
- Week
16 - No of Classes
48 - Class Duration
140(hrs)
Want to Contact ?
ENQUIRE NOW
