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 (6:36)
- Understanding SPA (4:50)
- Environment Setup and Project Structure (8:42)
- Practice Quiz: React Introduction and Setup
- ReactDOM and Rendering Elements (3:57)
- JSX Syntax and Embedding Expressions (4:47)
- Practice Quiz: ReactDOM and JSX
- Functional Components: Creation, Export and Rendering (5:30)
- Activity Session: Personalized greeting card app (18:30)
- Functional vs. Class Components (3:52)
- Props: Passing Data Between Components (4:51)
- Activity Session: Profile card using props (16:19)
- Practice Quiz: Components and props
- Lecture Notes
- Resources & References
- Assignment: Coding Challenge
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 (9:08)
- Handling Events in React (9:22)
- Activity Session: State Management (15:15)
- Practice Quiz: useState and Event Handling
- Controlled and Uncontrolled Forms in React (9:03)
- Controlled Forms: Deep Dive and Handling Submissions (10:02)
- React Forms with react-hook-form (7:24)
- Activity Session: Login Form with Validations (21:14)
- Practice Quiz: React Forms and Validations
- React Router: Setup and Basic Routes (7:47)
- Navigation with link tag and useNavigation (5:53)
- Dynamic Routes: Route Parameters in React Router (7:28)
- Secure Your App: Protected Routes in React Router (6:35)
- Activity Session: Routing (7:50)
- Practice Quiz: Routing & Dynamic Paths
- Lecture Notes
- Resources & References
- Assignment: Book Explorer: Listing and Details
React Hooks and API Integration
Available in
days
days
after you enroll
- What You'll Learn Next (1:00)
- Hooks: UseEffect for Side Effects (7:54)
- Custom Hooks: Creating Reusable Logic (5:36)
- Activity Session: Timer App using Hooks (15:43)
- Practice Quiz: Hooks
- API Calls: Fetch and Axios for Data Retrieval (14:18)
- Creating Reusable UI Components (7:42)
- Activity Session: API Integration (6:46)
- Activity Session: Reusable UI Component (7:47)
- Practice Quiz: API Integration
- Toast Notifications in ReactJS (8:15)
- Using Tailwind CSS with ReactJS (8:43)
- Using Bootstrap with ReactJS (8:05)
- 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 (7:03)
- Redux Basics (8:49)
- Practice Quiz: Context API and Redux
- Activity Session: Theme Switching (9:12)
- Activity Session: Counter with Redux (8:22)
- Performance Optimization (7:52)
- Activity Session: Optimization (11:57)
- Activity Session: Lazy Loading (10:23)
- Understanding Frontend System Design (11:13)
- Practice Quiz: Optimization & System Design
- Lecture Notes
- Resources & References
- Assignment: Real-time Currency Converter App
- Post-training Assessment
Check your inbox to confirm your subscription