|Visual Sitemap
Sitemap Explorer

Site Index & Navigator

Explore the entire NextSem curriculum. Instantly navigate across 144 revision subjects, interactive command-line sandbox terminals, visual study notebooks, and custom AI tools.

168Total Pages
9Apps/Labs
159Chapters

Home Page

/

NextSem Academy main landing page and platform features overview.

Visit Page

About Us

/about

Our mission, teaching methodology, and developer credentials.

Visit Page
Personal

User Dashboard

/profile

Personalized revision workspace tracking your XP, badges, and progress.

Visit Page
Simulator

Operating System Desktop

/simulator

Visual desktop sandbox featuring drag-and-drop file operations.

Visit Page
Interactive

Interactive Sandbox

/playground

Realtime coding editor and interactive logic components sandbox.

Visit Page

Git Basics Guide

/git

Step-by-step documentation detailing Git repositories and branches.

Visit Page
Lab

Git Terminal Sandbox

/git/terminal

Hands-on terminal simulator for executing real git commit operations.

Visit Page

Privacy Policy

/privacy

NextSem Academy terms of user data confidentiality and cookies policy.

Visit Page

Terms of Service

/terms

Terms and conditions detailing student usage regulations.

Visit Page
Career & System Design

Technical Mock Interviews

/book/p7-1-interview

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Career & System Design

ATS Resume Writing

/book/p7-2-resume

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Career & System Design

GitHub & Portfolio ASO

/book/p7-3-github

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Career & System Design

Freelance & Remote Funnels

/book/p7-4-hiring

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Coding Setup

Introduction to HTML & Developer Setup

/book/p0-1-setup

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Coding Setup

VS Code Power User

/book/p0-3-vscode

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Coding Setup

Git & GitHub Workflows

/book/p0-4-git

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Coding Setup

Chrome DevTools & Debugging

/book/p0-5-devtools

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Coding Setup

P0: Introduction to Coding & Setup Hub

/book/p0-setup

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
CSS3 Styling

CSS Selectors & Rules

/book/p2-1-selectors

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
CSS3 Styling

HSL Colors & Gradients

/book/p2-2-colors

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
CSS3 Styling

Resilient CSS Box Model

/book/p2-3-box-model

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
CSS3 Styling

Absolute & Sticky Positions

/book/p2-4-positioning

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
CSS3 Styling

CSS Flexbox Layouts

/book/p2-5-flexbox

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
CSS3 Styling

CSS Grid Layouts

/book/p2-6-grid

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
CSS3 Styling

Transitions & Keyframes

/book/p2-7-transitions

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
CSS3 Styling

CSS Variables & Themes

/book/p2-8-variables-themes

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Full Stack Projects

Personal Portfolio Web

/book/p6-1-portfolio

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Full Stack Projects

Interactive Dashboard App

/book/p6-2-dashboard

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Full Stack Projects

Full Stack E-Commerce App

/book/p6-3-ecommerce

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Full Stack Projects

Realtime Chat Client

/book/p6-4-chat

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
JavaScript ES6+

JavaScript Basics & Variables

/book/p3-1-basics

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
JavaScript ES6+

Client Local & Session Storage

/book/p3-10-storages

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
JavaScript ES6+

JS Control Flow & Loops

/book/p3-2-control-flow

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
JavaScript ES6+

JS Functions & Scope

/book/p3-3-functions

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
JavaScript ES6+

JS Arrays & Basic Methods

/book/p3-4-arrays

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
JavaScript ES6+

JS Advanced Iterators

/book/p3-5-array-iterators

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
JavaScript ES6+

JS Objects & JSON Data

/book/p3-6-objects

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
JavaScript ES6+

DOM Queries & Selectors

/book/p3-7-dom-selection

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
JavaScript ES6+

DOM Editing & Mutations

/book/p3-8-dom-manipulation

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
JavaScript ES6+

Event Listeners & Actions

/book/p3-9-events

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Node.js & Express

Node.js & Express Basics

/book/p5-1-node

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Node.js & Express

REST APIs

/book/p5-2-rest-apis

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Node.js & Express

MongoDB & Mongoose

/book/p5-3-mongodb

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Node.js & Express

Backend Deployment

/book/p5-4-deployment

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
React.js

JSX and Virtual DOM

/book/p4-1-jsx

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
React.js

Functional Components

/book/p4-2-components

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
React.js

Props

/book/p4-3-props

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
React.js

State and useState

/book/p4-4-state

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
React.js

Lifecycle and useEffect

/book/p4-5-lifecycle

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
React.js

Refs and useRef

/book/p4-6-refs

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
React.js

React Routing

/book/p4-7-routing

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
React.js

Context API

/book/p4-8-context

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
windows 11 command Line interface CLI

FS.1: Full-Stack Web Architecture

/book/fs-ch1-intro

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
windows 11 command Line interface CLI

FS.2: Node.js Runtime & Modules

/book/fs-ch2-nodejs

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
windows 11 command Line interface CLI

FS.3: Express.js & REST API Routing

/book/fs-ch3-express

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 1: Command Line Basics

/book/cli-ch1-basics

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 10: Connecting to File Shares

/book/cli-ch10-shares

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 11: Managing User Accounts

/book/cli-ch11-users

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 12: Remote Access

/book/cli-ch12-remote

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 13: Batch Files

/book/cli-ch13-batch

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 14: Task Management

/book/cli-ch14-tasks

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 2: Drive Letters and the File System

/book/cli-ch2-drives

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 3: Understanding the Prompt

/book/cli-ch3-prompt

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 4: Working with Directories

/book/cli-ch4-directories

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 5: File Attributes and NTFS Permissions

/book/cli-ch5-attributes

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 6: Wildcards and Redirection

/book/cli-ch6-redirection

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 7: Copying, Moving, Renaming, and Deleting Files

/book/cli-ch7-operations

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 8: Networking

/book/cli-ch8-networking

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

Chapter 9: Disk Management

/book/cli-ch9-disk

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
Windows CLI

CLI Introduction & Desktop Navigation

/book/p0-2-terminal

Bite-sized visual textbook chapter with interactive code widgets, drills, and flashcards.

Visit Page
HTML Unit 0

Lesson 0: Visual Studio Code Download, Windows 11 Setup & First HTML Page

/html/download-install-vscode-windows-11-setup-guide

Free HTML lesson covering Visual Studio Code Download, Windows 11 Setup & First HTML Page with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 1

Lesson 1: HTML Introduction (What is HTML?)

/html

Free HTML lesson covering HTML Introduction (What is HTML?) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 1

Lesson 2: Web Architecture: Client-Server, DNS, IP Addresses & TCP Handshake

/html/free-web-development-lessons-client-server-model

Free HTML lesson covering Web Architecture: Client-Server, DNS, IP Addresses & TCP Handshake with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 1

Lesson 6: Anatomy of an HTTP Request

/html/anatomy-of-http-request-headers-verbs

Free HTML lesson covering Anatomy of an HTTP Request with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 1

Lesson 7: Anatomy of an HTTP Response

/html/http-response-status-codes-explained

Free HTML lesson covering Anatomy of an HTTP Response with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 1

Lesson 8: Anatomy of a URL

/html/how-to-read-url-query-parameters-path

Free HTML lesson covering Anatomy of a URL with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 1

Lesson 9: How Browsers Render HTML (DOM)

/html/how-browser-renders-html-dom-tree

Free HTML lesson covering How Browsers Render HTML (DOM) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 1

Lesson 10: Introduction to Browser DevTools

/html/how-to-use-chrome-developer-tools-elements

Free HTML lesson covering Introduction to Browser DevTools with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 2

Lesson 11: The <!DOCTYPE html> Declaration

/html/doctype-html5-declaration-syntax

Free HTML lesson covering The <!DOCTYPE html> Declaration with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 2

Lesson 12: The <html> Root Element

/html/html-root-element-lang-attribute

Free HTML lesson covering The <html> Root Element with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 2

Lesson 13: The <head> Container

/html/html-head-container-metadata

Free HTML lesson covering The <head> Container with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 2

Lesson 14: The <title> Element

/html/html-title-element-seo-importance

Free HTML lesson covering The <title> Element with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 2

Lesson 15: Character Encoding with <meta charset="UTF-8">

/html/html-meta-charset-utf8-encoding

Free HTML lesson covering Character Encoding with <meta charset="UTF-8"> with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 2

Lesson 16: Responsive Viewport Configuration

/html/responsive-viewport-meta-tag-mobile

Free HTML lesson covering Responsive Viewport Configuration with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 2

Lesson 17: Adding Favicons

/html/adding-favicons-link-rel-icon

Free HTML lesson covering Adding Favicons with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 2

Lesson 18: Linking CSS Stylesheets

/html/linking-external-css-stylesheets-link

Free HTML lesson covering Linking CSS Stylesheets with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 2

Lesson 19: Internal CSS with the <style> Tag

/html/internal-css-styles-style-tag

Free HTML lesson covering Internal CSS with the <style> Tag with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 2

Lesson 20: Script Insertion with <script>

/html/script-tag-insert-javascript-code

Free HTML lesson covering Script Insertion with <script> with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 3

Lesson 21: The <body> Container

/html/html-body-tag-visible-content

Free HTML lesson covering The <body> Container with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 3

Lesson 22: Heading Elements (<h1> to <h6>)

/html/html-heading-tags-h1-to-h6

Free HTML lesson covering Heading Elements (<h1> to <h6>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 3

Lesson 23: The Paragraph Element (<p>)

/html/html-paragraph-tag-p-margins

Free HTML lesson covering The Paragraph Element (<p>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 3

Lesson 24: Line Breaks (<br />)

/html/line-break-br-tag-text-split

Free HTML lesson covering Line Breaks (<br />) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 3

Lesson 25: Horizontal Rules (<hr />)

/html/horizontal-rule-hr-tag-separator

Free HTML lesson covering Horizontal Rules (<hr />) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 3

Lesson 26: Div Containers (<div>)

/html/div-tag-generic-block-level-container

Free HTML lesson covering Div Containers (<div>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 3

Lesson 27: Span Containers (<span>)

/html/span-tag-generic-inline-container

Free HTML lesson covering Span Containers (<span>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 3

Lesson 28: Blockquotes (<blockquote>)

/html/blockquote-tag-long-quotations-cite

Free HTML lesson covering Blockquotes (<blockquote>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 3

Lesson 29: Inline Quotes (<q>)

/html/inline-quote-q-tag-quotation-marks

Free HTML lesson covering Inline Quotes (<q>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 3

Lesson 30: Address Details (<address>)

/html/address-tag-author-contact-information

Free HTML lesson covering Address Details (<address>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 4

Lesson 31: Presentational Bold (<b>) vs. Semantic Strong (<strong>)

/html/bold-b-vs-semantic-strong-tag

Free HTML lesson covering Presentational Bold (<b>) vs. Semantic Strong (<strong>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 4

Lesson 32: Presentational Italic (<i>) vs. Semantic Emphasis (<em>)

/html/italic-i-vs-semantic-emphasis-em-tag

Free HTML lesson covering Presentational Italic (<i>) vs. Semantic Emphasis (<em>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 4

Lesson 33: Highlighted Text (<mark>)

/html/highlight-text-mark-tag-search-results

Free HTML lesson covering Highlighted Text (<mark>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 4

Lesson 34: Code Snippets (<code>)

/html/monospace-code-snippet-code-tag

Free HTML lesson covering Code Snippets (<code>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 4

Lesson 35: Preformatted Text (<pre>)

/html/preformatted-text-pre-tag-spaces-tabs

Free HTML lesson covering Preformatted Text (<pre>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 4

Lesson 36: Insertions (<ins>) & Deletions (<del>)

/html/insert-ins-and-delete-del-tags

Free HTML lesson covering Insertions (<ins>) & Deletions (<del>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 4

Lesson 37: Strikethrough (<s>)

/html/strikethrough-s-tag-outdated-content

Free HTML lesson covering Strikethrough (<s>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 4

Lesson 38: Abbreviations (<abbr>)

/html/abbreviation-abbr-tag-title-tooltip

Free HTML lesson covering Abbreviations (<abbr>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 4

Lesson 39: Defining Terms (<dfn>)

/html/defining-term-dfn-tag-first-instance

Free HTML lesson covering Defining Terms (<dfn>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 4

Lesson 40: Superscript (<sup>) & Subscript (<sub>)

/html/superscript-sup-and-subscript-sub-tags

Free HTML lesson covering Superscript (<sup>) & Subscript (<sub>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 5

Lesson 41: Anchor Elements (<a>) & the href Attribute

/html/anchor-a-tag-href-hyperlinks

Free HTML lesson covering Anchor Elements (<a>) & the href Attribute with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 5

Lesson 42: Absolute vs. Relative Paths

/html/absolute-vs-relative-link-paths

Free HTML lesson covering Absolute vs. Relative Paths with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 5

Lesson 43: Parent Directory Hopping (../)

/html/parent-directory-hopping-relative-paths

Free HTML lesson covering Parent Directory Hopping (../) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 5

Lesson 44: Grandparent Directory Hopping (../../)

/html/grandparent-directory-hopping-double-slash

Free HTML lesson covering Grandparent Directory Hopping (../../) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 5

Lesson 45: Linking to Email Addresses (mailto:)

/html/email-mailto-links-anchor-tag

Free HTML lesson covering Linking to Email Addresses (mailto:) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 5

Lesson 46: Telephone Dialing Links (tel:)

/html/telephone-dialing-tel-links-mobile

Free HTML lesson covering Telephone Dialing Links (tel:) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 5

Lesson 47: Target Targets (target="_blank")

/html/open-link-new-tab-target-blank

Free HTML lesson covering Target Targets (target="_blank") with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 5

Lesson 48: Link Security (rel="noopener noreferrer")

/html/link-security-rel-noopener-noreferrer

Free HTML lesson covering Link Security (rel="noopener noreferrer") with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 5

Lesson 49: Document Hash Links (href="#id")

/html/hash-links-jump-to-page-sections

Free HTML lesson covering Document Hash Links (href="#id") with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 5

Lesson 50: Download Attribute (force download)

/html/download-attribute-force-file-download

Free HTML lesson covering Download Attribute (force download) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 6

Lesson 51: The Image Element (<img>)

/html/image-src-alt-attributes-elements

Free HTML lesson covering The Image Element (<img>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 6

Lesson 52: Image Sizing (width & height)

/html/image-sizing-width-height-attributes

Free HTML lesson covering Image Sizing (width & height) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 6

Lesson 53: Responsive Images (srcset & sizes)

/html/responsive-images-srcset-sizes-attributes

Free HTML lesson covering Responsive Images (srcset & sizes) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 6

Lesson 54: Art Direction with <picture> & <source>

/html/art-direction-picture-source-elements

Free HTML lesson covering Art Direction with <picture> & <source> with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 6

Lesson 55: Lazy Loading Images (loading attribute)

/html/lazy-loading-images-loading-attribute

Free HTML lesson covering Lazy Loading Images (loading attribute) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 6

Lesson 56: Semantic Image Wrappers (<figure> & <figcaption>)

/html/figure-figcaption-semantic-image-wrappers

Free HTML lesson covering Semantic Image Wrappers (<figure> & <figcaption>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 6

Lesson 57: Vector Graphics (<svg>)

/html/inline-vector-graphics-svg-element

Free HTML lesson covering Vector Graphics (<svg>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 6

Lesson 58: Image Maps (<map> & <area>)

/html/image-maps-map-area-coordinate-tags

Free HTML lesson covering Image Maps (<map> & <area>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 6

Lesson 59: Favicon Formats & Link Configurations

/html/favicon-modern-format-link-types

Free HTML lesson covering Favicon Formats & Link Configurations with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 6

Lesson 60: Capstone Project: Responsive Photo Gallery

/html/capstone-photo-gallery-responsive

Free HTML lesson covering Capstone Project: Responsive Photo Gallery with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 7

Lesson 61: Audio Elements (src & controls)

/html/audio-elements-src-controls-autoplay-attributes

Free HTML lesson covering Audio Elements (src & controls) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 7

Lesson 62: Audio Fallback Formats & Sources

/html/audio-fallback-source-format-types

Free HTML lesson covering Audio Fallback Formats & Sources with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 7

Lesson 63: Video Elements (poster & preload)

/html/video-elements-src-poster-preload-settings

Free HTML lesson covering Video Elements (poster & preload) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 7

Lesson 64: Video Subtitles & Captions (<track>)

/html/video-subtitles-tracks-element

Free HTML lesson covering Video Subtitles & Captions (<track>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 7

Lesson 65: External Site Embedding (<iframe> & sandbox)

/html/embedding-external-sites-iframe-sandbox

Free HTML lesson covering External Site Embedding (<iframe> & sandbox) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 7

Lesson 66: Plugin Insertion (<embed> & <object>)

/html/plugin-insertion-embed-object-elements

Free HTML lesson covering Plugin Insertion (<embed> & <object>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 7

Lesson 67: Custom Data Attributes (data-*)

/html/custom-data-attributes-data-prefix

Free HTML lesson covering Custom Data Attributes (data-*) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 7

Lesson 68: Iframe Communication & Security Headers

/html/iframe-communication-security-headers

Free HTML lesson covering Iframe Communication & Security Headers with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 7

Lesson 69: HTML5 Geolocation API Basics

/html/html5-native-geolocation-api-details

Free HTML lesson covering HTML5 Geolocation API Basics with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 7

Lesson 70: Capstone Project: Custom Video Player

/html/capstone-interactive-video-player

Free HTML lesson covering Capstone Project: Custom Video Player with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 8

Lesson 71: Unordered Lists (<ul> and <li>)

/html/unordered-lists-ul-li-bullet-points

Free HTML lesson covering Unordered Lists (<ul> and <li>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 8

Lesson 72: Ordered Lists (<ol> and <li>)

/html/ordered-lists-ol-li-numbered-steps

Free HTML lesson covering Ordered Lists (<ol> and <li>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 8

Lesson 73: Ordered Lists Start & Reversed Attributes

/html/ordered-list-start-reversed-indexing

Free HTML lesson covering Ordered Lists Start & Reversed Attributes with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 8

Lesson 74: Definition Lists (<dl>, <dt>, and <dd>)

/html/description-lists-dl-dt-dd-glossary

Free HTML lesson covering Definition Lists (<dl>, <dt>, and <dd>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 8

Lesson 75: Tables Rows & Cells (<tr>, <td>, <th>)

/html/table-container-grid-rows-columns

Free HTML lesson covering Tables Rows & Cells (<tr>, <td>, <th>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 8

Lesson 76: Table Column Spanning (colspan & rowspan)

/html/table-colspan-merge-columns

Free HTML lesson covering Table Column Spanning (colspan & rowspan) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 8

Lesson 77: Table Structured Sections (<thead>, <tbody>, <tfoot>)

/html/table-thead-tbody-tfoot-semantics

Free HTML lesson covering Table Structured Sections (<thead>, <tbody>, <tfoot>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 8

Lesson 78: Table Column Groups (<colgroup> & <col>)

/html/table-column-groups-colgroup-col-widths

Free HTML lesson covering Table Column Groups (<colgroup> & <col>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 8

Lesson 79: Table Borders & Spacing Layouts

/html/table-borders-cellpadding-cellspacing

Free HTML lesson covering Table Borders & Spacing Layouts with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 8

Lesson 80: Capstone Project: Dynamic Pricing Grid

/html/capstone-weekly-schedule-pricing-grid

Free HTML lesson covering Capstone Project: Dynamic Pricing Grid with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 9

Lesson 81: Form Action & Method (processing basics)

/html/form-action-method-attributes-processing

Free HTML lesson covering Form Action & Method (processing basics) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 9

Lesson 82: Form Labels (for attribute linkage)

/html/form-labeling-for-attribute-linkage

Free HTML lesson covering Form Labels (for attribute linkage) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 9

Lesson 83: Text & Password Inputs (type="text", "password")

/html/text-password-inputs-type-attributes

Free HTML lesson covering Text & Password Inputs (type="text", "password") with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 9

Lesson 84: Radio Buttons (type="radio")

/html/radio-buttons-grouping-name-attribute

Free HTML lesson covering Radio Buttons (type="radio") with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 9

Lesson 85: Checkboxes (type="checkbox")

/html/checkboxes-prechecked-multiple-selections

Free HTML lesson covering Checkboxes (type="checkbox") with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 9

Lesson 86: Dropdown Select Lists (<select> and <option>)

/html/dropdown-select-lists-option-attributes

Free HTML lesson covering Dropdown Select Lists (<select> and <option>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 9

Lesson 87: Multi-line Input (<textarea>)

/html/multiline-textarea-rows-cols-settings

Free HTML lesson covering Multi-line Input (<textarea>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 9

Lesson 88: Buttons (type="submit", "button", "reset")

/html/buttons-submit-button-reset-types

Free HTML lesson covering Buttons (type="submit", "button", "reset") with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 9

Lesson 89: Binding Input Labels (<label>)

/html/binding-input-labels-label-container

Free HTML lesson covering Binding Input Labels (<label>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 9

Lesson 90: Form Groups (<fieldset> and <legend>)

/html/form-groups-fieldset-legend-elements

Free HTML lesson covering Form Groups (<fieldset> and <legend>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 10

Lesson 91: Form Field Required Validation

/html/form-validation-required-maxlength-minlength

Free HTML lesson covering Form Field Required Validation with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 10

Lesson 92: Regex Pattern Matching (pattern attribute)

/html/regex-pattern-matching-validation

Free HTML lesson covering Regex Pattern Matching (pattern attribute) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 10

Lesson 93: HTML5 Numeric Ranges (type="range", type="number")

/html/html5-numeric-ranges-type-number-range

Free HTML lesson covering HTML5 Numeric Ranges (type="range", type="number") with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 10

Lesson 94: Progress Indicators (<progress>) & Meter Gauges (<meter>)

/html/progress-indicators-meter-gauges

Free HTML lesson covering Progress Indicators (<progress>) & Meter Gauges (<meter>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 10

Lesson 95: Autocomplete Data Lists (<datalist>)

/html/autocomplete-datalist-input-suggestions

Free HTML lesson covering Autocomplete Data Lists (<datalist>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 10

Lesson 96: Collapsible Accordions (<details> and <summary>)

/html/collapsible-accordions-details-summary

Free HTML lesson covering Collapsible Accordions (<details> and <summary>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 10

Lesson 97: Native Modals & Popups (<dialog>)

/html/native-modals-dialog-showmodal-methods

Free HTML lesson covering Native Modals & Popups (<dialog>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 10

Lesson 98: Web Components Templates (<template> and <slot>)

/html/web-components-template-slot-elements

Free HTML lesson covering Web Components Templates (<template> and <slot>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 10

Lesson 99: Canvas Graphics (<canvas>)

/html/canvas-graphics-draw-shapes-context

Free HTML lesson covering Canvas Graphics (<canvas>) with interactive checks in English, Hinglish, and Hindi.

Visit Page
HTML Unit 10

Lesson 100: Capstone Project: Portfolio Layout

/html/capstone-portfolio-layout-page

Free HTML lesson covering Capstone Project: Portfolio Layout with interactive checks in English, Hinglish, and Hindi.

Visit Page