Lesson 1: JavaScript Basics – Variables, Functions, and Events

• Declaring variables using var, let, and const

• Creating and invoking functions

• Understanding scope and hoisting

• Working with built-in JavaScript functions

• JavaScript events and event listeners

• Creating basic interactivity (e.g., click, hover)

• Mini Project: Build a JavaScript Counter Program

• Quiz: Test your understanding of basic JavaScript syntax and behavior

Lesson 2: React.js Fundamentals

• What is React and why use it?

• Setting up your first React app with Create React App

• Understanding JSX syntax and component structure

• Props and State in React components

• Building functional components

• Project: Build a personal profile card with dynamic data

Lesson 3: Advanced React & State Management

• Class components vs Functional components

• React Hooks: useState, useEffect, useRef

• Conditional rendering and lists

• Lifting state up and component hierarchy

• Introduction to Context API for state sharing

• Project: Build a multi-step form using state management

Lesson 4: Working with APIs & Deploying React Apps

• What is an API and how to use fetch() or axios

• Making GET and POST requests to public APIs

• Displaying dynamic data in components

• Error handling and loading states

• Preparing your React App for production

• Deploying with Netlify and GitHub Pages