Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Frontend Development with ReactJS (2026) By Anil Dollor
Rating: 5.0 out of 5(1 rating)
6 students

Frontend Development with ReactJS (2026) By Anil Dollor

A Complete Hands-On Guide to Modern ReactJS with Real-World Projects and Production-Ready Applications
Created byAnil Dollor
Last updated 12/2025
Hindi

What you'll learn

  • Build modern, responsive websites using HTML, CSS, JavaScript, and Bootstrap with real-world layouts and best practices.
  • Master modern JavaScript concepts including ES6+, DOM manipulation, async/await, promises, and error handling.
  • Develop production-ready ReactJS applications using components, hooks, routing, forms, and API integration.
  • Integrate React apps with backend services using REST APIs, Strapi CMS, JWT authentication, CRUD, and pagination.

Course content

1 section • 142 lectures • 95h 56m total length

  • Source Code Management32:03
  • Some more JS Foundation30:07
  • Custom Font Quick Guide16:47
  • CSS Media Queries18:51
  • DOM Traversing Up20:12
  • DOM Traversing Down17:44
  • API Calling with Strapi CMS30:25
  • Query String13:05
  • Strapi Collection, API Response, Postman and ThunderClient22:12
  • Class and Instantiation, Response in Thunder Client33:06
  • How to Call External API in JavaScript25:55
  • Revision for Web 2.034:48
  • Recap Everything from Beginning22:45
  • Recap Everything28:33
  • Recap Everything22:37
  • Revision21:17
  • Revision36:43
  • Revision for All CSS Selectaor40:15
  • Revision28:43
  • Revision33:52
  • How to include Custom Fonts in your website. How to create branch ?34:50
  • Custom Fonts Continue37:49
  • CSS Media Queries For Responsive Websites26:13
  • Bootstrap Introduction For Responsive Websites30:59
  • Create A Basic Layout Using BS533:47
  • Responsive Web Design using Bootstrap 546:40
  • Flipkart Responsive Layout Design Using HTML5, CSS3 and Boostrap51:01:22
  • Another Responsive Layout Assignment for Boostrap 536:07
  • Javascript Introduction Day 131:22
  • JS Comment ,Operators and BodMas Rule45:02
  • JS Variable and ＂Use Strict＂ Mode26:03
  • Difference between Let, Var and Const38:29
  • JS Hosting, Strict Mode and JS Array38:14
  • JS Object Introduction34:02
  • JS Objects and Functions33:06
  • JS Class Instruction44:24
  • JS Constructor31:53
  • JS Fat Arrow42:25
  • JS Conditional Statements37:46
  • JS Object Desructuring, JS Prompt Box44:17
  • JS Object Complete41:52
  • JS Loop Statements47:22
  • JS For of Loop Statement with String Interpolation43:24
  • JS While and Do While Statement with Break Statement31:59
  • JS Rest Operator Vs Spread Operator54:43
  • JS Promises46:22
  • JS Callback Function and JS Promise Revision40:27
  • JS Async⧸Await, DOM Traversing47:01
  • DOM Traversing45:32
  • Traversing Up using closest() function and IIFE35:47
  • DOM Traversing Down using QuerySelector56:17
  • JS Class Inheritance and Import Exports48:20
  • JS Export Types. Default Export and Named Export34:18
  • JS Import Exports31:14
  • Optional Chaining Operator and Nullish Colesing Operator47:54
  • Function Curry, Inner Function and Outer Function, Nested Functions25:47
  • JS Assignment for CBFN,Function Curry34:10
  • JS Error Handling & URL Structure, Query String48:23
  • Client Server Architecture46:29
  • Strapi Introduction to understand Client Server Architecture50:08
  • Strapi Documentation Plugin40:38
  • How to access any localhost application with https URL ？49:15
  • How to Manage Public (https) and Local (http) endpoint with Environ47:29
  • What is REST API ？48:55
  • Working with Private API in Strapi with JWT Token50:36
  • Strapi Pagination , Sorting and File Uploading40:50
  • How to Call REST API with JS Part 148:34
  • How to send Data to Strapi using AJAX Part 151:39
  • How to send Data to Strapi using AJAX Part 232:23
  • How to perform read operation using Ajax44:11
  • Delete Operation , Custom Attribute and Dry Principle45:57
  • How to reload the page when entry is done. How to open the model.33:32
  • Display more information in Bootstrap Modal using View Button33:57
  • Update Operation Part-137:08
  • Update Operation Part 228:24
  • Very Simple Create Operation on Private API Part 142:31
  • Very Simple Create Operation on Private API Part 233:48
  • How to clone repo from github ？28:56
  • Very Simple Read Operation on Private API.33:44
  • Very Simple Update Operation using Private API ？43:20
  • Pagination11:47
  • Pagination in Strapi19:58
  • Pagination Part 228:51
  • JustDial Live Project Day 157:13
  • How to give relation between Strapi Collections and Populate Strapi42:20
  • Design Home Page for Justdial using Bootstrap 5 Part 244:04
  • JustDial Designing39:09
  • JustDial Continue20:45
  • How to desing and code ＂Go To Top Scroll＂ button37:03
  • JustDial Home Page Design27:16
  • Justdial business detail page33:23
  • ReactJs Day 142:50
  • React Day 245:08
  • React Day 355:09
  • React Justdial Day 429:52
  • HTML To React Conversion Day259:24
  • React Router Dom with Link Component50:16
  • React Router Dom48:48
  • How to create a basic layout using MUI in ReactJs ？58:43
  • React UI Library - Ant Design - Create a basic weblayout in Ant De37:57
  • Outlet component44:54
  • Design Justdial with Material UI1:05:40
  • JS Map Function to Iterate over List in ReactJs33:47
  • React Props Drilling33:40
  • How to send data to server in ReactJs using Forms ？ Part 118:07
  • React FORM Day 238:17
  • React Conditionals Rendering and React List46:49
  • Simple create operation in ReactJs as Frontend and Strapi as Backe52:58
  • Create a simple create operation using Fetch⧸AXIOS Library.54:14
  • Create a simple create operation using Fetch⧸AXIOS Library56:50
  • API Calls with Axios and JS Toaster32:55
  • Data Fetching in ReactJs using useEffect Hook ？47:05
  • CRUD Day 148:58
  • CRUD Part 256:55
  • CRUD Part 347:02
  • Live Project JustDial Concept Day 146:24
  • Create a Review System In ReactJs with Strapi 51:01:10
  • Review System In ReactJs with Strapi54:28
  • Review System In ReactJs with Strapi Complete Final1:23:17
  • Review System In ReactJs with Strapi Complete Final 245:36
  • Get Business Whose Name contain "somethig" by CityName1:17:28
  • Search Hint and Category Display Order with Sorting1:06:11
  • How to use Rect Select 2 and Geo Location API53:24
  • How to setup ReverseGeoCoding and HTML 5 GeoLocation API. How to s1:08:44
  • How to convert react app into multilingual website Part 158:01
  • How to convert react app into multilingual website Part 251:48
  • How to convert react app into multilingual website Part 325:30
  • Google SignUp with React and Strapi Part 133:55
  • Google SignUp with React and Strapi Part 21:37:32
  • Infinite Scoll in ReactJs and Strapi Part 144:52
  • Justdial Infine Scroll Part 141:59
  • Justdial Infine Scroll Part 247:00
  • Justdial Pagination Part 151:18
  • Justdial Pagination Part 224:41
  • How to share data globally using useContext Hook26:34
  • How to share data globally Revision28:01
  • Redux Tutorial Day 147:19
  • Redux Tutorial Day 233:30
  • Redux Tutorial Day 3 , understanding useReducer44:01
  • Redux Tutorial Day 432:50
  • Redux Tutorial - RTQ Query - Day 545:34
  • Redux Tutorial - RTQ Query - Day 639:35

Requirements

  • No prior React experience is required. Basic computer skills and a willingness to learn are enough to get started.

Description

This course is created to guide you step by step from the basics of frontend development to building real-world, production-ready web applications using modern tools and technologies. Whether you are a beginner or someone who already knows a bit of HTML, CSS, or JavaScript, this course will help you gain strong, practical skills that are used in real projects.

We start with the core fundamentals—HTML, CSS, and JavaScript—so you clearly understand how websites are structured, styled, and made interactive. You will learn CSS selectors, media queries, custom fonts, and responsive design concepts, along with building layouts using Bootstrap 5. Every topic is explained with hands-on examples so you can practice while learning.

As you move forward, you will dive deep into modern JavaScript, including variables, functions, classes, promises, async/await, DOM manipulation, error handling, and advanced ES6+ features like destructuring, optional chaining, and modules. Regular revisions are included to strengthen your understanding and confidence.

One of the key strengths of this course is real backend integration using Strapi CMS. You will understand how client–server architecture works, how REST APIs are built and consumed, and how to perform CRUD operations using JWT authentication. You will also learn pagination, sorting, file uploads, and API testing using tools like Postman and Thunder Client.

The course then takes you into ReactJS, starting from scratch. You will learn components, props, routing, forms, API calls with Fetch and Axios, hooks like useEffect and useContext, and state management using Redux and RTK Query. You will apply all these skills in a live JustDial-style project, building features like search, infinite scroll, pagination, reviews, multilingual support, Google login, and geolocation.

By the end of this course, you will be able to confidently build modern, scalable frontend applications, connect them with real backend services, and work on industry-level projects.

Happy learning and happy coding.

Who this course is for:

  • Beginners who want to learn frontend development and build real-world ReactJS applications from scratch.
  • JavaScript developers looking to upgrade their skills with modern ReactJS, APIs, and state management.
  • Students and working professionals aiming to build production-ready frontend projects for jobs or freelancing.

Report abuse