• Introduction HTML
• HTML Basics
• HTML Elements
• HTML5 Semantic
• HTML Attributes
• HTML Headings
• HTML Paragraph
• HTML Styles
• HTML Formatting
• HTML Computer Code
• HTML Comments & Colours
• HTML CSS, Links and Images
• HTML Lists
• HTML Blocks
• HTML Layout
• HTML Responsive
• HTML JavaScript
• HTML Head

• Introduction CSS3
• CSS3 Syntax
• CSS3 Colours
• CSS3 Backgrounds
• CSS3 Borders
• CSS Padding
• CSS Height/Width
• CSS3 Gradients
• CSS3 Shadows
• CSS3 Text
• CSS3 Fonts
• CSS3 2D Transforms
• CSS3 3D Transforms
• CSS Box Model
• CSS Display
• CSS Position
• CSS Align
• CSS Pseudo-class
• CSS Pseudo-element
• CSS Navigation Bar
• CSS Dropdowns
• CSS3 Images
• CSS Attr Selectors
• CSS Forms
• CSS Counters
• CSS3 Animations
• CSS3 Buttons
• CSS3 Multiple Columns
• CSS3 Filters
• CSS3 Media Queries
• CSS3 Responsive

• Introduction to Bootstrap
• Bootstrap Basics
• Bootstrap Grids
• Bootstrap CSS
• Typography
• Tables
• Forms
• Corousel
• Modal
• Tooltip

• Introduction to JavaScript
• History of JavaScript
• Advantages
• Limitations
• Script element
• Creating your first JavaScript program
• Coding convention
• Setting up development environment (with VSCode)

Types and Statements

• Keywords in JavaScript
• Overview of Data types
• Primitive Data types
• Non-primitive Data types
• Conditional statements
• Loops

Operators

• Introduction to operators
• Operator precedence and associativity
• Deep dive into operators
• Arithmetic
• Comparison
• Ternary
• Logical
• Language
• Language

Functions - Level I

• Introduction to functions
• Function definition
• Passing values
• Returning values
• Local and global variables
• Functions as objects
• Function constructor

Functions - Level II

• Function invocation patterns
• Arrow functions
• JavaScript scopes
• Function closures

Arrays and Strings

• Introduction to Arrays
• Array declaration
• Array access methods
• Multi-dimensional arrays
• String properties
• String access methods

Objects in JavaScript

• Introduction to objects
• Type of objects in JavaScript
• Creating objects
• Object methods
• Constructor function
• Prototype in JavaScript
• Inheritance using prototype chain

Event handling

• JavaScript events
• Event handler
• Event flow
• Event bubbling and capturing
• Event types

Document Object Model (DOM)

• Introduction to DOM
• Types of DOM
• DOM standards and methods
• Manipulating documents using DOM
• Handling images
• Table manipulation
• Animation
• Node and Node-list handling

Form Handling

• Introduction to forms
• Form processing
• Forms object
• Accessing data from forms
• Form validation
• Additional features in forms
• Validation APIs

Debugging Techniques

• JavaScript Errors
• Error handling mechanisms

• Introduction to jQuery
• jQuery Syntax
• jQuery Selectors
• jQuery Events
• jQuery Effects
• jQuery HTML
• jQuery Traversing
• jQuery AJAX & Misc

Detailed course contents:

Introduction to React

• History of React
• Key Benefits of React
• React development environment
• Creating your first React Application
• React Source code structure

JSX

• Introduction to JSX
• Coding in JSX
• Expressions in JSX
• Working with HTML
• Conditional Constructs

Components

• Introduction to components
• Why Components?
• Writing JSX code in components
• Adding CSS
• Populating Data Dynamically
• Passing data through "props"
• Multiple Components

State and Event Binding

• Introduction to Events
• Event Handlers
• Working with state
• Data Binding
• Controlled and Uncontrolled Components

Rendering Lists and Conditional Contents

• Rendering lists of data
• Using stateful list
• Keys in data
• Conditional Contents
• Adding dynamic styles

Debugging Techniques

• Understanding error message
• Code flow and warnings
• Breakpoints
• Using React Dev Tools

Class based Components

• What and Why?
• Adding first class based component
• Working with states and events
• Component Life cycle and in action
• Class based vs functional component

HTTP

• Introduction to HTTP
• Methods in HTTP
• Response code in HTTP
• Introduction to REST interfaces
• Characteristics of REST
• Introduction to JSON
• JSON data representation
• GET request
• Using async and await
• Handling Http errors
• useEffects()
• POST request

Custom React Hooks

• What are custom hooks?
• Creating and using custom hooks
• Custom HTTP hooks

Forms

• Introduction to Forms
• Working with user input and submission
• Adding validation
• Working with custom hooks

Routing and Navigation

• Introduction to Single Page Applications
• What is Routing?
• Why Routing?
• Installing react router
• Defining and using routes
• Working with links
• Dynamic routes with Params
• Nested routes
• Redirecting the user
• Working with query Param
• Sending and getting data via HTTP

Authentication

• What is authentication?
• Why and How?
• Authentication tokens
• Setting up
• Adding signup
• Showing feedback to the user
• Adding User login
• Using tokens
• Redirecting the user
• Adding logout
• Protecting frontend pages
• Persisting User authentication status
• Adding auto logout

Deployment

• Introduction
• Deployment steps
• Adding lazy loading
• Building the code for production
• Getting started with deployment
• Handling routes and finishing deployment

Detailed course contents:

• Introduction
• RESTful Services
• Introducing Express
• Building Your First Web Server
• Nodemon
• Environment Variables
• Route Parameters
• Handling HTTP GET Requests
• Handling HTTP POST Requests
• Calling Endpoints Using Postman
• Input Validation
• Handling HTTP PUT Requests
• Handling HTTP Delete Requests

Express - Advanced Topics

• Middleware
• Creating Custom Middleware
• Built-In Middleware
• Third-party Middleware
• Environments
• Configuration
• Debugging

Asynchronous JavaScript

• Synchronous Vs. Asynchronous Code
• Patterns For Dealing with Asynchronous Code
• Callbacks
• Callback Hell
• Named Functions to Rescue
• Promises
• Replacing Callbacks with Promises
• Consuming Promises
• Creating Settled Promises
• Running Parallel Promises
• Async and Await

• What is Node
• Node Architecture
• How Node Works
• Installing Node
• Your First Node Program
• Event Loop

Node Module System

• Introduction
• Global Object
• Modules
• Creating a Module
• Loading a Module
• Module Wrapper Function
• Path Module
• OS Module
• File System Module
• Events Module
• Event Arguments
• Extending Event Emitter
• HTTP Module

Node Package Manager (NPM)

• Introduction
• Package.json
• Installing a Node Package
• Using a Package
• Package Dependencies
• NPM Packages and Source Control
• Semantic Versioning
• Listing the Installed Packages
• Viewing Registry Info for a Package
• Installing a Specific Version of a Package
• Updating Local Packages
• DevDependencies
• Uninstalling a Package
• Working with Global Packages
• Publishing a Package
• Updating a Published Package

CRUD Operations Using MongoDB

• Installing MongoDB
• Connecting to MongoDB
• Schemas
• Models
• Saving a Document
• Querying Documents
• Comparison Query Operators
• Logical Query Operators
• Regular Expressions
• Updating Documents- Query First
• Updating a Document- Update First
• Removing Documents

Authentication and Authorization

• Introduction
• Introduction
• Creating the User Model
• Registering Users
• Authenticating Users
• Testing the Authentication
• JSON Web Tokens
• Generating Authentication Tokens
• Storing Secrets in Environment Variables
• Setting Response Headers
• Encapsulating Logic in Mongoose Models
• Authorization Middleware
• Protecting Routes
• Getting the Current User
• Logging Out Users
• Role Based Authorization
• Testing the Authorization

Handling and Logging Errors Deployment

• Introduction
• Preparing the App for Production
• Preparing the App for Deployment
• Adding the Code to a Git Repository
• Setting Environment Variables
• MongoDB in the Cloud