ReactJS Front-end Development
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: The total duration of training is 120 Hrs. The full course takes around 4 months time to complete.
Course Fee : 19,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.
Module 1: HTML5, CSS, Bootstrap
Tags, Attributes, Form handling (Attributes, Elements, Types), Tables (Rowspan, Colspan), Semantic & Non-Semantic Elements CSS (Inline, Internal, External), CSS Properties & Selectors, Bootstrap classes, Responsive Design, Media Queries.
Module 2: JavaScript, jQuery, ES6
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.
Module 3: Introduction & Installation of React JS
React JS Introduction, Installation & Architecture, Library vs. Framework, Virtual DOM, Features, App Creation (create-react-app), JSX.
Module 4: React JS Fundamentals
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).
Module 5: React JS Props and States
Initialization, Defining and Updating of State, PropTypes, Unidirectional Data Flow, Props Validation, State vs Props, Mutability and Immutability.
Module 6: Hooks in React JS r
Introduction of React Hooks, useState() , useEffect(), useRef(), useMemo(), useCallback(), Context.
Module 7: React Router
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.
Module 8: REST API & React JS
Fundamentals of REST API, Methods, API integrations, Display Data using DataTable, CRUD application using ready APIs, Error Handling. Add-on: SSO with Google.
Module 9: Redux
Introduction of React Redux, Redux -State, Store, Actions, Reducer, useSelector(), useDispatch(), useReducer() Add-on: Redux Toolkit
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 & Mock Interview :
After successfully completing the course, students will embark on an exciting journey of continuous learning through a diverse range of challenging and stimulating projects. These carefully curated projects are specifically designed to provide students with hands-on experiences, fostering deeper comprehension and mastery of the course material. By engaging in these projects, students will expand their knowledge, sharpen their critical thinking abilities, and develop valuable practical skills that will enhance their overall educational experience. Also, the students will have the opportunity to refine their interviewing abilities through a series of mock interviews. These mock interviews simulate real-world scenarios, allowing students to practice and enhance their interviewing techniques in a supportive and constructive environment.
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.
Latest placements View All
- Pratik MandalRPS Solutions Apr 18, 2024
- PRITAM ROY CHOWDHURYKotai Electronics Pvt. Ltd.Apr 17, 2024
- Mriganka guhaTangent Tech SolutionsApr 16, 2024
- SREEMA GHOSHKotai Electronics Pvt. Ltd.Apr 12, 2024
- Full StackTuhin Rana MondalARC Document Solutions India Pvt. LtdApr 10, 2024
- PRITAM ROY CHOWDHURYARC Document Solutions India Pvt. LtdApr 10, 2024
- Protyay DuttaNextTech Soft Solution Pvt LtdApr 08, 2024
- Ankadeep SwarNextTech Soft Solution Pvt LtdApr 08, 2024
- Mean StackSomnath HazraNextTech Soft Solution Pvt LtdApr 08, 2024
- Mishar JanaOS4EdApr 04, 2024
- Amit MondalTangent Tech SolutionsApr 02, 2024
- SARTHAK BISWASCloudworkmatesApr 01, 2024
- Arijit ChowdhuryTech Mantra Apr 01, 2024
- PRATIM ROY CHOWDHURYTimD - Tim DigitalMar 30, 2024
- Sayak DeyEDPSOFTMar 28, 2024
- ATANU BHATTACHARYAEdp SoftMar 28, 2024
- SAMSUDDIN MIABrainium Information TechnologiesMar 28, 2024
- SUBHADEEP DASBrainium Information TechnologiesMar 28, 2024
- Suman Kumar JanaBrainium Information TechnologiesMar 28, 2024