Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Frontend Development with ReactJS
Getting Started with React
What’s Coming Up (0:49)
Introduction to ReactJS: Powering Modern Apps (10:25)
Understanding SPA (7:21)
Environment Setup and Project Structure (17:41)
Practice Quiz: React Introduction and Setup
ReactDOM and Rendering Elements (7:27)
JSX Syntax and Embedding Expressions (13:56)
Practice Quiz: ReactDOM and JSX
Functional Components: Creation, Export and Rendering (10:30)
Activity Session: Personalized greeting card app (18:30)
Functional vs. Class Components (5:32)
Props: Passing Data Between Components (8:54)
Activity Session: Profile card using props (16:19)
Practice Quiz: Components and props
Lecture Notes
Resources & References
Course Evaluation and GradingScheme
Assignment: Coding Challenge
Live Session (40:53)
User Interaction and Navigation in React
Capstone Project: Movie & TV Show Tracker
What You'll Learn Next (0:50)
React State Management (16:44)
Handling Events in React (13:28)
Activity Session: State Management (15:15)
Practice Quiz: useState and Event Handling
Controlled and Uncontrolled Forms in React (15:54)
Controlled Forms: Deep Dive and Handling Submissions (16:18)
React Forms with react-hook-form (10:36)
Activity Session: Login Form with Validations (21:14)
Practice Quiz: React Forms and Validations
React Router: Setup and Basic Routes (11:41)
Navigation with link tag and useNavigation (8:10)
Dynamic Routes: Route Parameters in React Router (8:58)
Secure Your App: Protected Routes in React Router (9:56)
Activity Session: Routing (7:50)
Practice Quiz: Routing & Dynamic Paths
Lecture Notes
Resources & References
Assignment: Book Explorer: Listing and Details
Live Session (64:08)
React Hooks and API Integration
What You'll Learn Next (1:00)
Hooks: UseEffect for Side Effects (11:35)
Custom Hooks: Creating Reusable Logic (8:38)
Activity Session: Timer App using Hooks (15:43)
Practice Quiz: Hooks
API Calls: Fetch and Axios for Data Retrieval (20:36)
Creating Reusable UI Components (10:59)
Activity Session: API Integration (6:46)
Activity Session: Reusable UI Component (7:47)
Practice Quiz: API Integration
Toast Notifications in ReactJS (16:24)
Using Tailwind CSS with ReactJS (12:52)
Using Bootstrap with ReactJS (14:54)
Lecture Notes
Resources & References
Assignment: Interactive Book Showcase
State Management, Optimization and System Design
What You'll Learn Next (1:14)
Global State Management: Context API (8:53)
Redux Basics (11:12)
Practice Quiz: Context API and Redux
Activity Session: Theme Switching (9:12)
Activity Session: Counter with Redux (8:22)
Performance Optimization (12:49)
Activity Session: Optimization (11:57)
Activity Session: Lazy Loading (10:23)
Understanding Frontend System Design (16:15)
Practice Quiz: Optimization & System Design
Lecture Notes
Resources & References
Assignment: Real-time Currency Converter App
Post-training Assessment
Live Session (45:25)
Activity Session: Login Form with Validations
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock