Class 1:

• Introduction to Web Development
• HTML Fundamentals: Structure of a Web Page
• Hands-on: Creating Your First HTML Page

Class 2:

• Introduction to CSS
• Basic Styling: Colors, Fonts, and Borders
• Hands-on: Adding Styles to HTML Page

Class 3:

• Introduction to Responsive Design.
• Layout Designing: Use of Flexbox and Grid
• Breakpoints: Mobile, Tablet, and Desktop.

Class 4:

• Introduction to CSS Libraries.
• Installation: Bootstrap & Tailwind
• Usages: How to Use and Basic Uses.

Class 5:

• Introduction to Bootstrap.
• Usage: Using CSS Classes to Design Layout.
• Responsive: Bootstrap breakpoints and grid system.

Class 6: 

• Introduction to Tailwind.
• Usage: Using CSS Classes to Design Layout.
• Responsive: Tailwind breakpoints and define the Grid System.

Class 7:

• Introduction to JavaScript
• Basics of JavaScript: Variables, Data Types, Operators
• Hands-on: Simple JavaScript Programs

Class 8: 

• Introduction to DOM Manipulation.
• Ways to Access DOM Elements.
• Ways to Manipulate DOM Elements.

Class 9:

• Project Using HTML, CSS, & JavaScript.

Class 10:

• Introduction to React.js
• Understanding React Components and JSX
• Hands-on: Setting up React Environment

Class 11:

• State and Props in React
• React Component Lifecycle
• Hands-on: Building React Components

Class 12:

• React Hooks: useState and useEffect
• Managing State in Functional Components
• Hands-on: State Management in React Components

Class 13:

• Introduction to Node.js
• Setting up Node.js Environment
• Hands-on: Creating Your First Node.js Application

Class 14:

• Introduction to Express.js
• Building RESTful APIs with Express
• Hands-on: Creating APIs for CRUD Operations

Class 15:

• Connecting MongoDB with Node.js
• Introduction to MongoDB and Mongoose
• Hands-on: Integrating MongoDB with Express.js 

Class 16:

• Integrating React Front-End with Express Back-End
• API Calls from React to Express
• Hands-on: Connecting React Components to Express APIs

Class 17:

• Handling Forms in React
• Form Submission and Validation
• Hands-on: Implementing Form Handling in React with Express API Integration

Class 18:

• Recap of Week 4
• Project: Develop a Full-Stack Application with React and Express

Class 19:

• Advanced State Management with Redux
• Introduction to Redux and its Core Concepts
• Hands-on: Setting up Redux in a React App

Class 20:

• Redux Middleware and Async Actions
• Implementing Middleware for Async Operations in Redux
• Hands-on: Managing Async Actions with Redux Thunk

Class 21:

• React Router: Advanced Usage
• Nested Routes, Redirects, and Route Guards
• Hands-on: Implementing Advanced Routing in a React App

Class 22:

• Authentication with JWT
• Introduction to JSON Web Tokens for Authentication
• Hands-on: Implementing JWT Authentication in Express.js

Class 23:

• Error Handling and Validation in Express.js
• Implementing Error Handling Middleware and Input Validation
• Hands-on: Implementing Error Handling and Validation in Express.js

Class 24:

• Advanced MongoDB Queries and Indexing
• Optimizing Database Queries and Indexing Strategies
• Hands-on: Implementing MongoDB Indexes for Performance

Class 25:

• Connecting React Front-End with Express Back-End (Continued)
• API Calls from React to Express
• Hands-on: Connecting React Components to Express APIs

Class 26:

• State Management Across Front-End and Back-End
• Synchronizing State Between React and Express
• Hands-on: Implementing Global State Management in Full-Stack Application

Class 27:

• Handling Forms and Authentication in Full-Stack Applications
• Implementing Form Handling with Authentication
• Hands-on: Building Authentication Forms in Full-Stack App

Class 28:

• Work Session: Project Development
• Instructor Support and Guidance
• Hands-on: Developing Project Features

Class 29:

• Work Session: Project Development
• Instructor Support and Guidance
• Hands-on: Developing Project Features

Class 30:

• Work Session: Project Refinement
• Polishing and Testing Project Features
• Hands-on: Refining Project Functionality

Class 31:

• Work Session: Project Development
• Implementing Advanced Features and Functionality
• Hands-on: Developing Project Features

Class 32:

• Work Session: Project Development
• Troubleshooting and Debugging
• Hands-on: Refining Project Functionality

Class 33:

• Work Session: Project Refinement
• Polishing UI/UX and User Testing
• Hands-on: Testing and Improving Project Usability

Class 34, 35, & 36: Building and Submitting the Final Project.