React JS
Discover our expertly crafted Mongo, Express, React and Node development course!
50+ Assignments & Practice Questions
3+ Projects
About the Course
Duration: 8 Weeks
Dedicated doubt solving sessions and support- This course also includes a comprehensive set of Questions related to interviews
- Recorded + live lectures will be provided
- Validity: Lifetime access
- Comprehensive curriculum with different set of modules, keeping nitty gritty details in check.
Course Information
Experience hands-on learning as you build interactive user interfaces, design modular components, and deploy your projects to the web. This course empowers you with the expertise needed for a successful career in Frontend Development.
Learn the basics of HTML, including structure, common tags, form elements, and accessibility features.
- Introduction to HTML
- Basic Structure of HTML
- Common Tags
- Form Elements and Attributes
- Input elements
- Semantic HTML
- Accessibility features
Explore CSS, including selectors, box model, positioning, flexbox, and responsive design using media queries.
- CSS Overview
- Inline, Internal and External CSS
- Selectors and properties
- Box Model and properties
- Positioning
- Flexbox and properties
- Responsive Design using Media Queries
- Project: Landing Page in HTML and CSS
Understand JavaScript basics, including variables, functions, closures, and event handling in the DOM.
- JavaScript Overview
- Variables, data types, and operators
- JavaScript Functions
- let, var and const
- Hoisting and Scoping
- Closures
- Document object model
- Event Handling (click, hover, keydown, etc)
- Event bubbling and capturing
Dive deeper into JavaScript with arrow functions, array methods, destructuring, and async programming.
- Arrow functions
- map, reduce and filter
- Array Destructuring
- Spread operator
- Async programming
Introduction to React, including its features, environment setup, JSX, and virtual DOM.
- Introduction & features
- Setup of React environment & sanitisation
- React Create Element
- Introduction to JSX
- Visualisation and why we use React?
- Virtual DOM
Learn about props, components, and rendering lists in React, along with interview preparation assignments.
- Props
- Components
- Nested and Complex Components
- Rendering List and significance of Key Attribute
- Assignment and questions related to Interview
Explore state management in React using the useState hook, controlled components, and forms.
- Why State Management?
- useState Hook
- Controlled vs Uncontrolled Components
- Forms
- Assignments and small projects
Understand side effects in React, the useEffect hook, API calls, and creating custom hooks.
- What are the side effects?
- useEffect hook
- API Calls
- Clean-up function
- Custom Hooks
- Lifting the state up
- Assignments and practice problems
Introduction to React Router, including normal and nested routes, dynamic routing, and router hooks.
- What is a Router?
- Why Routing?
- Introduction to React Router DOM
- Routing via Hooks and General Methods
- Creating Normal and Nested Routes
- Dynamic Routing
- Utilizing different Routing hooks
- Assignments and small project
- Interview specific questions
Explore advanced routing techniques, authenticated routes, and simulate HTTP requests in React.
- Authenticated Routes
- HTTP Simulation Module
- Creating Public and Protected Routes
- Project development
Learn about advanced React concepts like lazy loading, performance optimization, and higher-order components.
- Lazy Loading
- Performance Optimisation using useMemo and useCallback hook
- Higher Order Components
- Error Boundaries
Introduction to Redux, including setting up actions, reducers, and the store, along with connecting it to React components.
- What is Redux and Why use it?
- Setting up Redux
- Actions, Reducer and the store
- Connecting with React Components
- Combining Reducers
- Assignments and learning with small project
After completing the above modules, we will transition to working on industry-specific projects. These projects will extend the course duration by up to 2 additional weeks, making the learning experience more intriguing and effective.
Course Mentor(s)
Frequently Asked Questions
You can enroll in this course either by Live classes or you can visit us Offline to join the batch as we are offline too!
No, This course is completely designed to help you understand from basics to advanced level.
Please submit an inquiry or request a call back at a time that works for you if you are interested in any course or are unsure about your course choices. To help you find the course that is most appropriate for you, someone from Codehub Nexus will get in touch with you.
Access to the recordings is never taken away.
Please submit an inquiry or request a call back, our expert guide will connect with you to discuss more about the course & to help you choose what's right for you.
We accept all modes of payment including Credit/Debit card, UPI, NetBanking etc.
