- Home
- All Courses
- ReactJs Training & Labs – Zero to Hero
Curriculum
- 10 Sections
- 113 Lessons
- 12 Weeks
Expand all sectionsCollapse all sections
- Introduction to Web Development and React13
- 1.1Building Blocks of Web Application Development
- 1.2Single-page and Multi-page Applications
- 1.3Different Client-side Technologies
- 1.4MVC Architecture
- 1.5Introduction to React
- 1.6JSX and its use case
- 1.7DOM
- 1.8Virtual DOM and its working
- 1.9ECMAScript
- 1.10Difference between ES5 and ES6
- 1.11NPM Modules
- 1.12Installation of Node.js, React and Visual Studio Code10 Minutes0 Questions
- 1.13Creating First React Application10 Minutes0 Questions
- Components and Styling the Application Layout20
- 2.1React Elements
- 2.2Render Function
- 2.3Components
- 2.4Class Component
- 2.5Component Constructor
- 2.6Functional Components
- 2.7Multiple Components
- 2.8Props
- 2.9Props with Class based Component
- 2.10Props with Function based Component
- 2.11States
- 2.12Component Lifecycle
- 2.13React Events
- 2.14React Forms
- 2.15Different Form Concepts
- 2.16Styling in React
- 2.17Inline Styling
- 2.18CSS Stylesheet
- 2.19Building Music Shop Application using React Components
- 2.20Build a Music Store Application using React Components10 Minutes0 Questions
- Handling Navigation with Routes14
- 3.1Routing
- 3.2react-router
- 3.3Features of react-router
- 3.4Configuration of routing using react-router
- 3.5Navigation using Links
- 3.6404 page (Not found Page)
- 3.7URL Parameters
- 3.8Nested Routes
- 3.9Implementing styles using NavLink
- 3.10Application Programming Interface
- 3.11Build a REST API using json-server
- 3.12API consumption in React application using Fetch method
- 3.13Build a dynamic Music Store application using Routing and API connectivity
- 3.14Dynamic Music Store Application with Routing and API connectivity10 Minutes0 Questions
- React State Management using ReduxIn this React Js training module, you will learn how to integrate Redux with React. You will also understand the other key terminologies associated with Redux to build a web application.12
- 4.1Need of Redux
- 4.2What is Redux?
- 4.3Redux Architecture
- 4.4Redux Action
- 4.5Redux Reducers
- 4.6Redux Store
- 4.7Principles of Redux
- 4.8Pros of Redux
- 4.9NPM Packages required to work with Redux
- 4.10More about react-redux package
- 4.11Building an application to list the food items using React and Redux10 Minutes0 Questions
- 4.12Building News application using React, Redux, and promise middleware10 Minutes0 Questions
- Asynchronous Programming with Saga Middleware13
- 5.1Need of Async operations
- 5.2Async Workflow
- 5.3Action Creators
- 5.4How to write Action Creators?
- 5.5Handling Async Actions via Reducers
- 5.6Middleware
- 5.7Redux-Saga
- 5.8Generators in Redux-Saga
- 5.9Saga Methods()
- 5.10Major Sections of Redux-Saga
- 5.11Building a Product List application using Redux-Saga Middleware
- 5.12Debugging application using Redux Devtools
- 5.13Building a Product list application using Redux-Saga Middleware.10 Minutes0 Questions
- React HooksIn this React Js certification course module, you will learn how to implement Class component- Stateful features within Functional components using React Hooks.17
- 6.1Caveat of JavaScript classes.
- 6.2Functional components and React hooks
- 6.3What are React hooks?
- 6.4Basic hooks
- 6.5useState() hook
- 6.6How to write useState() hook when state variable is an array of objects
- 6.7useEffect() hook
- 6.8Fetch API data using useEffect() hook
- 6.9useContext() hook
- 6.10Rules to write React hooks
- 6.11Rules to write React hooks
- 6.12Additional hooks
- 6.13Custom hooks
- 6.14Fetch API data using useEffect() hook10 Minutes0 Questions
- 6.15Pass multiple Context using useContext() hook10 Minutes0 Questions
- 6.16Writing custom hooks10 Minutes0 Questions
- 6.17Building weather application using React hooks10 Minutes0 Questions
- Fetch Data using GraphQLIn this React Js course module, you will learn how to augment React components with GraphQL to query the data.14
- 7.1What is GraphQL?
- 7.2Cons of Rest API
- 7.3Pros of GraphQL
- 7.4Frontend backend communication using GraphQL
- 7.5Type system
- 7.6GraphQL datatypes
- 7.7Express framework
- 7.8NPM libraries to build server side of GraphQL
- 7.9Build a GraphQL API
- 7.10Apollo client
- 7.11NPM libraries to build client side of GraphQL
- 7.12How to setup Apollo client
- 7.13Build a GraphQL API and execute queries using GraphiQL tool10 Minutes0 Questions
- 7.14Fetch Space Launch Data using Apollo-GraphQL10 Minutes0 Questions
- React Application Testing and DeploymentIn this React Js online course module, you will learn how to perform application testing using Jest and later deploy the application using Docker and Nginx10
- 8.1Define Jest
- 8.2Setup Testing environment
- 8.3Add Snapshot testing
- 8.4Integrate Test Reducers
- 8.5Create Test Components
- 8.6Push Application on Git
- 8.7Deploy App on Nginx
- 8.8Create Docker for React Application
- 8.9Testing application using Jest10 Minutes0 Questions
- 8.10Application Deployment via Nginx and Docker10 Minutes0 Questions
- Introduction to React NativeIn this React online course module, you will understand React Native terminologies, learn how to integrate React Native with Redux and build a mobile application using React Native8
- Building React Native Application with APIIn this React Js online training module, you will build and release an Android mobile application using React Native.9
- 10.1Native modules
- 10.2Native Navigation libraries
- 10.3Integration of Redux with React Native
- 10.4React Native and Redux major components
- 10.5Redux Thunk middleware
- 10.6NPM libraries
- 10.7Shopping cart application using React Native and Redux
- 10.8Integration of Redux actions, store and reducers In React Native application
- 10.9Integration of Redux actions, store and reducers In React Native application10 Minutes0 Questions
Single-page and Multi-page Applications
Next