How to use this course
Extract the ZIP, open this index.html, then open each lesson. Every lesson is
inside its own folder and every lesson file is named index.html.
React readiness checklist
let and constfunctionsarrow functionsarraysmap()filter()objectsdestructuringspreadmodulesasync/awaitevents
Lessons
What is JavaScript?
Understand JavaScript, console, scripts, and why React needs it.
Lesson 2Variables and Data Types
Learn let, const, strings, numbers, booleans, null, undefined, arrays, and objects.
Lesson 3Operators and Conditions
Make decisions using arithmetic, comparison, logical operators, if/else, and ternary.
Lesson 4Loops and Functions
Write reusable logic with functions and repeat work using loops.
Lesson 5Arrays and Array Methods
Master map, filter, find, includes, reduce, and keys for React lists.
Lesson 6Objects and Destructuring
Use objects for real data and destructuring for clean React props.
Lesson 7Spread and Rest Operators
Copy, combine, and update arrays and objects without mutation.
Lesson 8Modules: Import and Export
Split code into files using import and export, the standard React project style.
Lesson 9Promises and Async/Await
Prepare for API calls in React using promises, fetch, and async/await.
Lesson 10DOM and Events: React Ready
Understand browser events before React event handlers.
Lesson 11Mini Project: Student Result App
Combine arrays, objects, functions, map, filter, destructuring, and template literals.