← Modern Web & App Development

Fees by level

Start at any level, or take the complete programme. The fee you pay for a level is locked for you.

All fees are in Indian Rupees and include applicable taxes. See our pricing & payment terms.

The complete curriculum

01 Getting Started 1 lesson ▶

1. 1.1Getting Started

02 React Essentials 7 lessons ▶

1. 2.1React Fundamentals - Portfolio Card Project
2. 2.2React Fundamentals - Portfolio Card CSS Styling
3. 2.3Dynamic Content and Props
4. 2.4React Interactivity and Event Handling
5. 2.5React State Management
6. 2.6Conditional Rendering and Dynamic Lists
7. 2.7Movie Database Interface

03 Styling React Components 1 lesson ▶

1. 3.1React Components Styling

04 Working with Refs and Portals 2 lessons ▶

1. 4.1React Refs and Portals
2. 4.2Creating Portal and Modal

05 React's Context API and useReducer - Advanced State Management 5 lessons ▶

1. 5.1Setting up Context API
2. 5.2Introducing useReducer
3. 5.3Building Components
4. 5.4Putting It All Togther
5. 5.5Task Manager CSS Styling

06 Handling Side Effects and Working with useEffect() Hook 3 lessons ▶

1. 6.1Understanding useEffect and Project SetUp
2. 6.2Implementing Our First useEffect - Data Fetching
3. 6.3Dependencies , cleanup and Advanced Patterns

07 A Look Behind the Scenes of React and Optimization Techniques 2 lessons ▶

1. 7.1Virtual DOM and Reconcillation Algorithm
2. 7.2Performane Optimization Techniques

08 Class-Based Components 5 lessons ▶

1. 8.1Introduction and Project SetUp
2. 8.2Interactivity and Lifecycle
3. 8.3Student Grade Tracker
4. 8.4Mastering state management - display logic and event hanlers
5. 8.5Forms , Events and User Interactions

09 Sending Http Requests 2 lessons ▶

1. 9.1Connecting to JSONPlaceholder API and CRUD Operations_
2. 9.2Complete CRUD Operations

10 Building Custom Hooks 5 lessons ▶

1. 10.1Understanding Custom Hooks and Project SetUp
2. 10.2Personal Expense Tracker
3. 10.3Creating First Custom Hook
4. 10.4Data Persistence with LocalStorage Hook
5. 10.5Adding Filtering and Advanced Features

11 Working with Forms and User Input 4 lessons ▶

1. 11.1User Registeration Form
2. 11.2Mario_s Pizza Online Ordering System
3. 11.3Adding state and Interactivity
4. 11.4Business logic , validation and form submission

12 Handling Forms via Form Actions 4 lessons ▶

1. 12.1Building a User Signup Flow
2. 12.2Designing an Online Pizza Ordering Workflow
3. 12.3Enhancing Forms with Dynamic State & User Interaction
4. 12.4Implementing Validation, Logic, and Smooth Submissions

13 Diving into Redux 4 lessons ▶

1. 13.1Introduction and SetUp
2. 13.2First Redux Store and Slices
3. 13.3Shopping Cart and user authentication
4. 13.4Production Ready Features and Optimization

14 Building a Multi-Page SPA with React Router 3 lessons ▶

1. 14.1Introduction and SetUp
2. 14.2Setting up Routes and Navigations
3. 14.3Dynamic Routes and URL Parameters

15 Adding Authentication to React Apps 3 lessons ▶

1. 15.1Introduction and Project Setup
2. 15.2Building Login and SignUp Pages
3. 15.3Implementing Authentication Logic with Context API

16 Testing React Apps 3 lessons ▶

1. 16.1Introduction and Setup
2. 16.2Writing Tests for Counter Component
3. 16.3Advanced Testing Concepts

17 Deploying React Apps 2 lessons ▶

1. 17.1Deploying React Apps Part 1
2. 17.2Deploying React Apps Part2

Tools you'll use

Related courses