Hands-on Training from Experts
Foundation Training in
React
"Master email marketing with Mailchimp in just two weeks—learn to craft tailored campaigns, automate workflows, and analyze results for maximum impact. This course equips you to drive engagement and achieve scalable success."
Program Features
- Max Students: 10
- Duration: 1 Month
- Practical Training
- Certificate after Completion
- Vocational Training Program
- Investment: 10,000.00
Course Description
This course provides a comprehensive introduction to React.js, a popular JavaScript library for building fast and dynamic user interfaces. Participants will learn the core fundamentals of React, including JSX, components, props, state, and hooks. The course covers key concepts like component architecture, state management with Redux, routing, and server-side rendering. Through hands-on exercises, students will gain practical experience in building powerful, responsive web applications while mastering the essential tools for debugging and testing React apps.
Course Objectives
- To understand the basic concepts of Bootstrap and its role in front-end development.
- To gain hands-on experience in using Bootstrap’s grid system for creating responsive layouts.
- To learn how to implement various Bootstrap components, such as forms, buttons, cards, and navigation bars, in web pages.
- To explore customization techniques and CSS variables for adapting Bootstrap to project-specific needs.
- To understand best practices for mobile-first design using Bootstrap.
- To learn how to integrate Bootstrap with other web development tools and frameworks.
Curriculum
- React Introduction
- What are Components?
- How React Works?
- Setup Local Environment
- Using create-react-app
- Anatomy of react project
- Running the app
- Why JSX
- Embedding Expression in JSX
- Functions
- Specifying Attributes with JSX
- Specifying Children with JSX
- Expression in Attributes
- Introduction to Webpacks
- Significance of component architecture
- Types of components
- Functional
- Class based
- Pure
- Component Composition
- What is state and its significance?
- Read state and set state
- Passing data to component using props
- Validating props using PropTypes
- Supplying default values to props using defaultProps
- Render Props
- Higher Order Components
- Using react key prop
- Using map function to iterate on arrays to generate elements
- Modules Introduction
- Setting Dynamic Inline Styles
- Setting CSS Classes Dynamically
- Introducing Styled Components
- Styled Components & Dynamic Props
- Styled Components & Media Queries
- Using CSS Modules
- Dynamic Styles with CSS Modules
- Module Introduction
- Understanding React Error Messages
- Analyzing Code Flow & Warnings
- Working with Breakpoints
- Using the React DevTools
- Components Life Cycles
- Events
- Managing Errors
- Controlled Form Components
- Uncontrolled Form Components
- Handling inputs efficiently
- Portals introduction
- Event bubbling
- Introduction to Hooks
- The useState hook
- The useContext hook
- The useReducer hook
- Writing your own hook
- Incorporating the Router
- Nested Routing
- Router Parameters
- Protecting Routes
- Isomorphism versus Universalism
- Server-Side Rendering
- SSR with React
- State Management and Redux
- Actions and Reducer for the Catalog
- Using Redux Hooks
- Middleware and Persistence
- Testing
- Using Jest with Test Utils from React-DOM
- Jest and Enzyme
Intended outcomes
By the end of this course, students will be able to:
- Understand and apply the core concepts of React.js, including JSX, components, props, and state.
- Build and style dynamic React applications with components and CSS modules.
- Use React hooks effectively for managing state and side effects in functional components.
- Implement routing in React apps using React Router, including nested and protected routes.
- Manage complex application state using Redux and handle asynchronous data flow.
- Debug and test React applications using industry-standard tools such as React DevTools and Jest.
- Build server-side rendered React applications and understand the benefits of SSR.
Tuition & Investment
| Enrollment Amount | Registration Amount | No. of Installments |
|---|---|---|
| Rs. 500.00 | Rs. 9500.00 | -- |
| Total Amount | Rs. 10000.00 | |
Fee w.e.f. June 2024 | This fee structure is for limited time and subject to revised up
Schedule and Enrollment
Monday to Friday | 5 Days a Week Classes | Weekdays