Session 1: Building Interactive UI with React Components (2 Hours)

• Creating reusable components (e.g., buttons, forms, lists).
• Handling event listeners (onClick, onChange).
• Managing state updates with useState for search bars and forms.

Session 2: HTTP & REST API Basics (1.5 Hours)

• Understanding HTTP methods (GET, POST, PUT, DELETE).
• Introduction to REST APIs & JSON data exchange.

Session 3: Data Fetching in Next.js 14 (2 Hours)

• Fetching data in client components using the Fetch API.
• Fetching data in server components for SSR.
• Practical example: Fetching API data and displaying it.

Session 4: Hands-on Lab – Fetching and Displaying API Data (1 Hour)