Why Learn Advanced Front-end Teachnologies ( React JS ):
Basic front-end development is to convert web application design (UX) files into User Interface (UI) of the web application through HTML, JavaScript (JS) and CSS coding. Its advanced part is the implementation of React JS.
Front-end developers in the industry has equally high demand as the Back-end developers. As they complement each other.
Duration
120 Hrs
(completes in 4 months)Course Fee
₹24,000
Course Structure
Basic Programming Recap & Aptitude
This module is designed to help students refresh their fundamental knowledge of C programming and assess their readiness for advanced programming concepts.
JavaScript Types (Internal, External), Variables, Dialogue Boxes, Output, Operators (Logical, Assignment), Spread Operators, Data Types, Class-Object, Events & Event Listener, String & Methods, Array & Methods, Date & Moment, Loop (For, For/of, For/in, While), Typeof & Type Conversion, RegExp, Errors (Try, Catch, Finally, Throw), Scope, Hoisting, this Keyword, Call-Apply-Bind Functions, Arrow Functions, Async (Callback, Promise, Async/Await), JSON (Stringify, Parse, Objects), Debugging, Timing Events, Location, Storage & Cookies. jQuery CDN, Selectors, Events, Effects, Add Elements (Append, Prepend, After, Before), Remove Elements (Remove, Empty), Manipulating CSS (AddClass, RemoveClass, ToggleClass, CSS), AJAX (GET, POST, LOAD); Review of ES6 features.
Simple types and Special types, Arrays, Tuples, Object Types, Enum, Interface, Union, Function Return types, Casting, Generics, Null, Undefined, Optional Chaining
React Introduction, Installation & Architecture, Library vs. Framework, Virtual DOM, Features, App Creation, JSX.
Keys, Refs, Lists, Fragments , Rendering Elements along with Conditional Rendering, Components (Class, Functional, Stateful, Stateless, Pure), Component Lifecycle, Difference between the Components, Events, Synthetic Events. Forms using Formik and Yup (Validation).
Initialization, Defining and Updating of State, PropTypes, Unidirectional Data Flow, Props Validation, State vs Props, Mutability and Immutability.
Introduction of React Hooks, useState() , useEffect(), useRef(), useMemo(), useCallback(), Context.
Introduction of React Router, URL Parameters, Memory Router, Browser Router, Hash Router, Routes, Route, Link, Switch, NavLink, Code Splitting (React.lazy, Suspense, Fallback), Nested Routing, Dynamic Routing, Protected Routing with Authentication.
Fundamentals of REST API, Methods, API integrations, Display Data using DataTable, CRUD application using ready APIs, Error Handling. Add-on: SSO with Google.
Introduction of React Redux, Redux -State, Store, Actions, Reducer, useSelector(), useDispatch(), useReducer() Add-on: Redux Toolkit
Bonus Topics
Use of AI in React JS coding
Basic Overview of ChatGPT, Usecase of ChatGPT using context, Constraint and Expectation, Free sampling of AI based API consumption, Optimizing any basic backend crud operation or frontend project using the help of AI tools.
Project Work
Once all modules have been successfully completed, students will be assigned a full-stack application development project. The project will involve using provided functionality APIs to build an industry-standard application. This will include creating a front-end user interface in React with TypeScript and connecting it with the functional APIs. The project will be reviewed and approved by a project manager directly from the industry.
Certification
On successful completion of the training and the assigned project work, students get certified as Trainee React JS Developer by SysAlgo Technologies, the software division of Ejobindia.
Commencing Batches
MERN Stack Development
Mar 15, 2025
MEAN Stack Development
Mar 12, 2025
Node JS
Mar 08, 2025
Web Designing
Mar 08, 2025
