Introduction to HTML, Background, Working, Basic Structure

Basic Tags

Headings & Paragraphs

Lists & Tables

Forms & Inputs

Links & Images

Semantic HTML, Benefits, Common Semantic Elements

Div & Span Tags, Comparison between Div & Span

Multimedia Elements, Format, Browser Compatibility

Introducing HTML5 New Elements

iframes & Embeds

Forms with Validation, Attributes

Meta Tags & SEO

Tips For Best Practices

Web Accessibility Features

Mini Project 1 : Build a Simple Website with Menus

Mini Project 2 : Build a Contact Form

Mini Project 3 : Build a Landing Page

Introduction to CSS, Background, Working of CSS

Selectors and Properties

Colors and Backgrounds

Box Model

Layouts : Flexbox and Grid

Typography and Fonts

Pseudo-classes and Pseudo-elements

Transitions and Animations

Responsive Design Basics

Media Queries

Advanced Flexbox Techniques

Advanced Grid Techniques

Mini Project 1 : Create a Responsive Layout

Mini Project 2 : Create a Website with CSS Animations

Advanced Frameworks

Architectures

Introduction to Bootstrap

Grid System

Buttons and Alerts

Forms and Inputs

Navbars and Modals

Cards and Tables

Flex and Grid Utilities

Customizing with Sass

Introduction, Background, Working & Applications of Javascript

Operators with its Usage

Operator Precedence

Variables and Data Types

How to set up JavaScript Development Environment

Syntax and Structure

Running Javascript in the Browser

Primitive Data Types

Conditional If Statements

Loops

Functions

Objects and Arrays

DOM Manipulation : Selecting DOM Elements

DOM Manipulation : Modifiying DOM Elements

DOM Manipulation : Event Handling

DOM Manipulation : Creating and Removing Elements

DOM Manipulation : DOM Traversal

Asynchronous Javascript

Javascript ES6 and Beyond

Advanced Javascript Concepts

Javascript and the Browser

Testing in Javascript

Overview of Javascript : Framework & Libraries

Introduction to React

JSX Basics

Components - Functional Component

Components - Props: Passing Data with Props, Children Props

State Management with useState: Understanding State, Updating State, Re-renders

Event Handling: Handling Events in React, Event Listeners

Project 1: Simple Component Practice

Conditional Rendering: Rendering Elements Based on Conditions

Lists and Keys: Rendering Lists, the Importance of Keys

Forms - Controlled Components: Handling User Input, Controlled Components

Component Communication - Parent to Child: Passing Data Down the Component Tree

Component Communication - Child to Parent: Lifting State Up, Callbacks

useEffect Hook - Basics: Using useEffect for Side Effects, Lifecycle Simulation

Project 2: Interactive List/Form

useEffect Hook - Advanced: Dependencies Array, Cleanup Functions

useRef Hook: Accessing DOM Elements, Other Use Cases

useContext Hook - Basics: Managing Global State with Context API

useContext Hook - Practical Examples: Building a Themed App

Custom Hooks: Creating Reusable Logic with Custom Hooks

useMemo and useCallback: Performance Optimization with Memoization

Project 3: Context and Hooks Project: Build an App using Context and Several Custom Hooks

React Router - Setup and Navigation: Setting up React Router, Basic Navigation

React Router - Dynamic Routes and Parameters: Handling Dynamic Routes

React Router - Nested Routes and Redirects: More Advanced Routing Techniques

Working with APIs - Fetch: Fetching Data from APIs using Fetch

Working with APIs - Axios: Using Axios for API Requests

Handling Asynchronous Data : Loading States, Error Handling

Project 4: API Integration Project: Build an App Fetching and Displaying Data from an API

Testing - Introduction to Jest and React Testing Library: Setting up testing

Testing Components: Writing Unit Tests for Components

Testing - Mocking and Integration Tests: More Advanced Testing Techniques

Performance Optimization - Memoization: useMemo, React.memo

Performance Optimization - Virtualization: Handling Large Lists

Performance Optimization - Code Splitting: Improving Load Times

Project 5: Optimized App: Refactor a Previous Project for Performance

Authentication: Implementing Basic Authentication

Deployment - Netlify/Vercel: Deploying to Netlify or Vercel

TypeScript with React (Intro): Basic TypeScript setup and usage with React

Review and Best Practices: Solidifying Your React Knowledge

Introduction to Databases & MySQL

Data Types & Creating Tables in MySQL

Inserting & Selecting Data in MySQL

More SELECT & Data Manipulation in MySQL

Project 1: Basic Database Design & Queries

INNER JOIN in MySQL

LEFT and RIGHT Join in MySQL

Subqueries in MySQL

Aggregate Functions & GROUP BY in MySQL

Project 2: Database with Joins & Aggregates

Views & Indexes in MySQL

Transactions in MySQL

Stored Procedures & Functions in MySQL

Triggers in MySQL

Project 3 : Complex Database Project - University Management System

Database Normalization

Database Security in MySQL

MySQL Review & Practice

Introduction to NoSQL & MongoDB

MongoDB Shell & Basic Commands

CRUD Operations (Create) in MongoDB: Inserting Documents

CRUD Operations (Read) in MongoDB: Querying Documents

Project 1: Setting up a Database & Basic Queries

More Query Operators in MongoDB

Projection in MongoDB: Selecting Specific Fields

Sorting and Limiting in MongoDB

Data Modeling (Basics) in MongoDB

Project 2: Designing a Schema & Complex Queries

CRUD Operations (Update) in MongoDB: Updating Documents

CRUD Operations (Delete) in MongoDB: Deleting Documents

Aggregation Framework (Part 1) in MongoDB

Aggregation Framework (Part 2) in MongoDB

Creating Indexes to Improve Query Performance in MongoDB

Data Modeling (Advanced) in MongoDB: Embedding vs. Referencing

MongoDB Atlas: Your Database in the Cloud

Transactions in MongoDB: Ensuring Data Integrity

Review and Best Practices for MongoDB Development