Shopping Cart Application
In this project, learners have to create a basic shopping cart application with core functionality where users should list and filter products on the webpage. The app should also h…
Computer Science · Course
React.js
A comprehensive three month course on ReactJs.
- Duration
- 12 weeks
- Content
- 21 hours
- Projects
- 2
- Mode
- Online
OverviewWhat you'll
What you'll
be able to do.
- The course touches every aspect of React.js, which is essential to becoming a successful web developer.
- This program is a one-stop learning program for learning web development with React.js.
- Challenges after every week support all the learning and additional instruction to explore React.js from the basics.
- Every concept has been covered with code first approach.
- The course provides a few projects from scratch, ensuring end-to-end flow understanding while building web applications.
Tools you'll use
HTML5CSS3JavaScriptVisual Studio Code
Curriculum12 modules,
12 modules,
built with industry.
01React.js
- Introduction to ReactJSW01
- Introduction to ReactJS
- ReactJS vs Other Frameworks or Libraries
- Sample Hello-World
- Diffing Algorithm (Virtual DOM)
- Folder Structure
- Components
- Functional Components
- Class Components
- Core Concepts of ReactJSW02
- JSX
- Props
- State
- SetState
- Destructuring Props and State
- Event Handling
- Event Handler Binding and RenderingW03
- Binding Event Handlers
- Methods as Props
- Conditional Rendering
- List Rendering
- Keys
- Lists, Styling and Form HandlingW04
- Lists and Keys
- Index as Key Anti-pattern
- Styling Components
- Basics of Form Handling
- React Lifecycle MethodsW05
- Mounting Lifecycle Methods
- Updating Lifecycle Methods
- Unmounting Lifecycle Methods
- Error Handling Phase Methods
- Fragments, Pure Components, RefsW06
- Fragments, PureComponents, and Refs
- Memo
- Refs with Class Components
- Forwarding Refs
- Higher-Order Components (HOCs) and Error BoundaryW07
- Portals
- Error Boundary
- Higher-Order Components
- Render Props
- Context, HTTP and Hooks IntroductionW08
- Context
- HTTP and ReactJS
- GET Request
- POST Request
- Introduction to React Hooks
- useState Hook
- React Hooks (useState & useEffect)W09
- useState with previous state
- useState with object
- useState with array
- useEffect Hook
- useEffect after render
- Conditionally run effects
- Run effects only once
- useEffect to make API calls and useContext HookW10
- useEffect with Cleanup
- useEffect with Incorrect Dependency
- Fetching Data with useEffect
- useContext Hook
- useReducer HookW11
- useReducer Hook
- useReducer Hook-Simple State & Action
- useReducer Hook-Complex State & Action
- Multiple useReducer Hooks
- useReducer with useContext
- useReducer with Data Fetching
- useState vs useReducer
- useCallback, useMemo, useRef, and Custom HooksW12
- useCallback Hook
- useMemo Hook
- useRef Hook
- Custom Hooks
- Sample Custom Hook
- Introduction to ReactJSW01
Industry projects2 projects
2 projects
you'll ship.
Our projects are designed by experts in the industry to reflect industry standards. By working through our projects, Learners will gain a practical understanding of what they will take on at a larger-scale in the industry. In total, there are 2 Projects that are available in this program.
Expense Tracking Application
In this project, learners have to create a single-page app to track users' daily expenses using React.js basics. The tracker should have three dimensions. The first step is Receivi…
FeeOne fee.
One fee.
Everything included.
Become job ready with our comprehensive industry focused curriculum for freshers & early career professionals
Premium
₹40,000
Inclusive of all charges- 1 Year Access
- Personalized Page
- Live Individual & Group Sessions
- Personalized & Hands-On
- Job-Oriented Industry Relevant Curriculum
Related
You might also like.
PG program · 24 weeksFull Stack Web Development→PG program · 16 weeksPre-Graduate Program in Full Stack Web Development→Course · 12 weeksData Structures and Algorithms using JAVA→Course · 12 weeksData Structures and Algorithms using Python→Course · 12 weeksThe Complete Front-End Development - 2.0→Course · 12 weeksIntroduction to Java Programming 2.0→
Next stepNot sure it's
Not sure it's
the right fit?
A counsellor will walk you through the syllabus, projects and fee options — and tell you honestly if another course suits you better.