● What is Web? Web Features?
● W3C and W3C Members
● Introduction to What WG

● Introduction
● Parts in HTML Document
● Version Information
● Head Section
● Meta Information
● Favicons
● Body Section
● HTML FORMS
● Anchors, Images

● Introduction
● HTML5 HISTORY
● Why HTML5?
● New Features and Groups
● Structure of HTML5 Document
● Power of HTML5 and Features
● Semantics and Block Level Elements
● HTML5 Forms
● HTML5 Multimedia HTML5 Graphics

● Introduction
● CSS Basics
● CSS Introduction
● CSS Syntax
● CSS Versions
● CSS Id & Class
● CSS Styling
● Styling Backgrounds
● Styling Text
● Styling Fonts
● CSS Borders

● Introduction
● CSS3 Modules
● Selectors
● Box Model
● Backgrounds and Borders
● Text Effects
● 2D/3D Transformations
● Core Advanced Animations
● Multiple Column Layout User Interface

● Basic JavaScript
● DOM and BOM
● Intervals and Objects
● Prototype ,Hoisting and Closure
● Let , Const , Arrow , Class and Inheritance
● Map, Filter , Reduce , Template Literals
● forEach, for-in, for-of loop.

● Why Typescript
● Basic Types
● Class and Interfaces
● Modules

● What is React JS?
● What is SPA?
● DOM vs Virtual DOM
● Advantages and Disadvantages
● Key Features

● Node | NPM
● Installation of CLI
● Setup Project
● Directory Structure
● Code Editors
● How React JS Application Boot

● React Concepts
● JSX and TSX
● Render Elements
● Function and Class Components
● Props and State
● Handling Events
● Dynamic Data Rendering
● Property Binding

● Conditional Rendering
● List and Keys
● Forms Handling
● Forms Validations

• ● Understanding component lifecycle
  ● All Lifecycle Hooks

• ● Understanding React Event System
  ● Passing arguments to event Handlers

• ● Fetch
  ● Axios

• ● Introduction to Services
  ● Building a Service

• ● Setting up React Router
  ● Configuring route with Route Component
  ● Making routes dynamic with Route Params
  ● Working with nested routes
  ● Link and NavLink
  ● Redirect Routes

• ● Angular Material
  ● PrimeNG

• ● Why Redux
  ● Install and setup
  ● Store ,Reducer , actions
  ● Dispatcher
  ● High order Components
  ● mapStateToProps and mapDispatchToProps usage

• ● Async Actions
  ● Middleware
  ● Redux Thunk and Redux Saga

• ● Why We Need Hooks.
  ● Different Types Of Hooks
  ● Using State And Effect Hooks
  ● Usereducer , Useref Etc.
  ● Custom Hooks
  ● Rules Of Hooks

• ● Social Login
  ● Pagination
  ● Search
  ● Filter
  ● JWT Token
  ● File Upload

• ● Jest with Enzyme
  ● Develop a CRUD Application in React Js
  ● React JS Application Deployment
  ● Build Application and Deployment

• ● What is node.js
  ● A word on event loop
  ● Event driven architecture
  ● Blocking vs non-blocking code
  ● Node Process Model
  ● Setup node.js
  ● Node REPL
  ● Debugging node.js app

• ● Understanding exports and require
  ● Creating modules
  ● Importing modules
  ● Quick tour on NPM
  ● Installing 3rd party modules

• ● Significance of Events
  ● Event Emitter class
  ● Emitting and listening to events
  ● Types of streams
  ● Working with streams
  ● Composing streams using pipe

● Process object
● Handling exceptions at process level
● Listening to process events
● Working with file system using fs module
● Creating, Copying, Deleting files
● Creating, Copying, Deleting directories
● Watching for file changes 

● Building a Web Server
● HTTP Request Methods, Headers
● Response Codes and Headers

● Building a Web Server
● HTTP Request Methods, Headers
● Response Codes and Headers
● Serving static files with express
● Express application generator

● Route Methods
● Route Paths
● Parameterized Routes
● Route Handlers
● Express Router

● Types of middleware
● Application
● Router
● Error
● Built-in
● Third-party
● Error middleware
● Body parser, cors , cookie parser, session management

● What are template engines
● EJS
● Jade
● Handlebars

● Authentication
● JWT
● Securing routes
● Debugging in Express
● Realtime programming with Socket.io

● Authentication JWT
● Securing routes
● Debugging in Express
● Realtime programming with Socket.io

● Installing MongoDB
● The current SQL/NoSQL landscape
● Document-oriented vs. other types of storage
● Mongo’s featureset
● Common use-cases
● MongoDB databases
● MongoDB Collections
● MongoDB Documents

Creating documents
l insert()
l update()
l save()
Querying documents
l find()
l Working with equality
l Query operators
l Building complex queries
Updating documents
Deleting documents
Limit
Order By

● Word on ORM/ODM
● Installing mongoose
● Connecting to MongoDB from mongoose

● Understanding mongoose schemas and datatypes
● Working with Models
● Using modifiers in schema
● Using virtual fields
● Optimizing query performance by enabling indexes

● Build Application
● Deploy in Heroku

1) Content management system for blog
2) Multi-client website offering client services
3) e-commerce website for automotive parts
4) Food delivery application
5) Grocery delivery application