Frontend Development with ReactJS
Getting Started with React
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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
Available in
days
days
after you enroll
- 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)
Check your inbox to confirm your subscription