• HTML Introduction
• HTML Editors
• HTML Syntax
• HTML Elements and attributes
• HTML Tags Like (Headings, Paragraphs, Images, Links, Lists, table, div and many more)
• HTML Styles
• HTML Formatting
• HTML Comments
• HTML Blocks
• HTML Classes
• HTML ID
• Introduction To HTML5
• !DOCTYPE HTML
• HTML 5 Tags like (Header, Footer, Details Tag, Dialog Tag, Main Tag,  Article Tag, Section Tag, Figure Tag, Aside Tag, Audio Tag, Video Tag, Nav Tag, Summary Tag)

• CSS Introduction,
• CSS Selector, property, value
• Types of layout
• CSS Comments
• CSS Box Model
• CSS Background, Border
• CSS Margin, Padding
• CSS Height/Width
• CSS Text, Font, Icon, units
• CSS Link, List, Table
• CSS Display, Position, Z-index
• CSS Overflow, inline-block
• CSS Align, Opacity
• CSS Combinator
• CSS Pseudo Class / Element
• CSS Navigation and Menu, CSS Image, Image gallery

• CSS Rounded Corner
• CSS Border Image
• CSS Background, color, gradient
• CSS Shadow, Text Effect, Web Font
• CSS 2D,3D Transform
• CSS Transition, Animation
• CSS tooltips
• CSS Style Images, Image Reflection
• CSS Object-fit, object-position
• CSS Advance Button, pagination
• CSS Multiple column
• CSS User Interface, Variable
• CSS Box Sizing
• CSS Flex Box

• Responsive Web Design Intro
• Viewport, Grid View
• Grid Container, Grid Item
• Media Query
• Responsive Images, Video

JavaScript

• Introduction to JavaScript
• Basics of JavaScript
• JS Comment
• JS Variable
• JS Global Variable
• JS Data Types
• JS Operators
• JS If Statement
• JS Switch
• JS slider
• JS Loop
• JavaScript DOM
• JS Events
• JS validation
• JS window.print()

jQuery

• What is jQuery?
• Adding jQuery Library to Pages
• Basic jQuery Examples
• How to download jQuery?
• jQuery Syntax
• The Document Ready Function
• How to use Custom Scripts?
• How to use Selectors?
• CSS Element Selector and ID Selector
• CSS Element Class Selector and Universal Selector
• jQuery Callback Functions
• Get Attribute Value
• Set Attribute Value
• How to Apply CSS Properties?
• Setting Element Width & Height
• JQuery CSS Methods
• JQuery Online Effects
• Slider
• Lightbox

• Introduction to Bootstrap
• Bootstrap Versions
• Installation of Bootstrap
• Bootstrap media query and screen size
• Bootstrap grid system
• Bootstrap container
• Bootstrap Column and Row
• Different bootstrap classes for elements

• Introduction to Tailwind CSS
• Tailwind CSS Installation
• Core Concepts
• Customization
• Base Styles
• Layout
• Flexbox & Grid
• Spacing
• Sizing
• Typography
• Backgrounds
• Borders
• Effects
• Filters
• Transitions & Animation

Transforms

• What is MongoDB?
• How does MongoDB work?
• How to install MongoDB on MAC?
• How to install MongoDB on Windows?
• Create and Read operations in MongoDB
• ObjectID and BSON in MongoDB
• Triple-A and CRUD operations in MongoDB
• UpdateOne and DeleteOne
• UpdateMany and deleteMany
• Database issues with Update
• Getting more data
• Save bandwidth while querying in MongoDB
• Understanding objects structure
• What is schema in MongoDB?
• Database modeling MongoDB series
• Relation in database MongoDB
• One-to-one relation in mongo database with id
• One to many relations in the MongoDB database
• Many to Many relations in MongoDB
• Creating file structure and installing dependencies
• Creating our first learner schema
• Connecting with MongoDB with mongoose
• A read test in MongoDB
• A delete test for MongoDB
• An update test in MongoDB

• Introduction to NodeJS
• NodeJS Environment setup
• Creating First NodeJS Application
• Installing Modules using NPM
• Global vs Local Installation
• Using package.json
• Attributes of Package.json
• Uninstalling a Module
• Updating a Module
• Search a Module
• Create a Module
• What is Callback?
• Blocking Code Example
• Non-Blocking Code Example

Event Loop

• Event-Driven Programming
• Example
• How do Node Applications work?

Event Emitter

• Event Emitter Class
• Methods
• Class Methods

Buffers

• Creating Buffers
• Writing to Buffers
• Reading from Buffers
• Convert Buffer to JSON
• Concatenate Buffers
• Compare Buffers
• Copy Buffer
• Slice Buffer
• Buffer Length
• Methods Reference
• Class Methods

File System

• Synchronous vs Asynchronous
• Open a File
• Get File Information
• Writing a File
• Reading a File
• Closing a File
• Truncate a File
• Delete a File
• Create a Directory
• Read a Directory
• Remove a Directory
• Methods Reference

Global Objects

• __filename
• __dirname
• setTimeout(cb, ms)
• clearTimeout (t)
• setInterval(cb, ms)
• Global Objects
• Console Object
• Process Object

Utility Modules

• OS Module
• Path Module
• Net Module
• DNS Module
• Domain Module

Web Module

• What is a Web Server?
• Web Application Architecture
• Creating a Web Server using Node
• Make a request to Node.js server
• Creating a Web client using Node

• ExpressJS Introduction & Setup
• Get Requests
• Route Params
• Query Params
• Post Requests
• Put Requests
• Patch Requests
• Delete Requests
• Middleware
• Validation
• Routers
• RESTful API (Complete CRUD)
• Cookies
• Sessions
• js & Authentication
• Databases & MongoDB
• Hashing Passwords
• Session Store
• OAuth2
• Unit Testing & Jest
• E2E Testing

Overview of ReactJS

• Introduction to JavaScript frameworks
• Evolution and motivation behind ReactJS
• Key features of ReactJS

Setting Up the Development Environment for ReactJS

• js and npm installation
• Install ReactJS
• Create ReactJS App
• Understanding the ReactJS project structure

Basic Concepts of ReactJS

• Components and Props in ReactJS
• State and Lifecycle
• JSX syntax
• Handling events

Introduction to Version Control

• Understanding the importance of version control in software development

Setting Up Git

• Installing Git
• Configuring Git with user details

Creating a Git Repository

• Initializing a Git repository in a React project
• Understanding the `.git` directory

Basic Git Commands

• `git status`: Checking the status of your repository
• `git add`: Staging changes for commit
• `git commit`: Committing changes with a message
• `git log`: Viewing commit history

Connecting to GitHub

• Creating a repository on GitHub
• Linking the local repository to the remote repository
• Pushing changes to GitHub

Useful Git Commands

• `git clone`: Cloning a repository from GitHub
• `git pull`: Updating the local repository with changes from the remote
• `git branch`: Creating and managing branches
• `git merge`: Merging changes from one branch into another
• `git remote`: Managing remote repositories
• `git push`: Pushing changes to a remote repository

GitHub Pages

• Deploying a React app to GitHub Pages
• Configuring the project for GitHub Pages hosting

Functional Components in ReactJS

• Creating and using functional components in ReactJS
• Stateless components

Class Components in ReactJS

• Creating and using class components in ReactJS
• Stateful components
• Lifecycle methods

Component Composition

• Nesting components
• Passing data between components

Container components vs Presentational components

State Management of ReactJS

• Understanding and using state
• State lifting
• Immutability in ReactJS

Props and PropTypes in ReactJS

• Passing and receiving props in ReactJS
• PropTypes for type-checking
• Default props

Introduction to React Router

• Setting up routes in ReactJS
• Navigation between routes
• Route parameters

Nested Routes and Route Guards

• Implementing nested routes in ReactJS
• Adding route guards for authentication

CSS-in-JS Libraries

• Introduction to CSS-in-JS
• Styled-components and Emotion
• Theming in CSS-in-JS

CSS Modules

• Local scoping of styles
• Importing and using CSS Modules in React components
• Class naming conventions

CSS Frameworks and Libraries

• Integration with popular CSS frameworks (e.g., Bootstrap, Tailwind CSS)
• Customizing and extending styles

Forms in ReactJS

• Controlled components
• Uncontrolled components
• Form validation

Handling Events in ReactJS

• Event handling in ReactJS

Synthetic events

Introduction to Hooks in ReactJS

• useState
• useEffect
• Custom hooks

UseContext and useReducer

• Managing state and actions with useReducer
• Using useContext for global state management

Making API Calls in ReactJS

• Fetching data from an API
• Handling asynchronous operations

Axios for HTTP Requests in ReactJS

• Introduction to Axios
• Making requests using Axios in ReactJS

Redux

• Introduction to Redux
• Actions, Reducers, and Store
• Connecting React with Redux

Unit Testing with Jest

• Setting up Jest
• Writing and running tests

Testing Library

• Introduction to Testing Library
• Writing integration tests