Unit 0

Unit 0: Developer Workstation Setup & Visual Studio Code

Install Visual Studio Code, setup Windows 11 terminal workflow, configure 'Open with Code', and build your very first HTML5 webpage.

0 / 1 Lessons

#0Nextsem Full Stack Web Dev Guide (Phase 0)

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

Unit 1

Unit 1: HTML Introduction & Web Fundamentals

Essential HTML5 lessons, syntax rules, and hands-on developer code practices.

0 / 10 Lessons

#1W3Schools HTML Introduction & Standards Guide

Introduction to Browser DevTools

Unit 2

Unit 2: The Document Structure & Metadata

Master the HTML5 document skeleton: DOCTYPE, html root, head metadata, title tag, UTF-8 charsets, mobile viewports, and CSS linking.

0 / 10 Lessons

#11Duckett Chapter 1 (p. 24-25)

The <!DOCTYPE html> Declaration

#12Duckett Chapter 1 (p. 25-26)

The <html> Root Element

#13Duckett Chapter 1 (p. 26-28)

The <head> Container

#14Duckett Chapter 1 (p. 27-28)

The <title> Element

#15Duckett Chapter 8 (p. 182-184)

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

#16Duckett Chapter 15 (p. 390-392)

Responsive Viewport Configuration

#17Duckett Chapter 8 (p. 183-185)

Adding Favicons

#18Duckett Chapter 10 (p. 226-228)

Linking CSS Stylesheets

#19Duckett Chapter 10 (p. 228-230)

Internal CSS with the <style> Tag

#20Duckett Chapter 18 (p. 444-446)

Script Insertion with <script>

Unit 3

Unit 3: Structural Text & Layout Elements

Format text hierarchies using headings (h1-h6), paragraphs, line breaks, horizontal rules, generic divs, spans, and quotes.

0 / 10 Lessons

#21Duckett Chapter 1 (p. 18-20)

The <body> Container

#22Duckett Chapter 2 (p. 30-32)

Heading Elements (<h1> to <h6>)

#23Duckett Chapter 2 (p. 33-34)

The Paragraph Element (<p>)

#24Duckett Chapter 2 (p. 36-37)

Line Breaks (<br />)

#25Duckett Chapter 2 (p. 38-39)

Horizontal Rules (<hr />)

#26Duckett Chapter 8 (p. 184-186)

Div Containers (<div>)

#27Duckett Chapter 8 (p. 187-189)

Span Containers (<span>)

#28Duckett Chapter 2 (p. 40-42)

Blockquotes (<blockquote>)

#29Duckett Chapter 2 (p. 43-44)

Inline Quotes (<q>)

#30Duckett Chapter 2 (p. 45-46)

Address Details (<address>)

Unit 4

Unit 4: Semantic Content & Text Modifications

Semantic bold strong vs visual bold, emphasis em vs italic, text highlights mark, inline code tags, sub, sup, and deletions.

0 / 10 Lessons

#31Duckett Chapter 2 (p. 34-35)

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

#32Duckett Chapter 2 (p. 35-36)

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

#33Duckett Chapter 2 (p. 37-38)

Highlighted Text (<mark>)

#34Duckett Chapter 2 (p. 45)

Code Snippets (<code>)

#35Duckett Chapter 2 (p. 46)

Preformatted Text (<pre>)

#36Duckett Chapter 2 (p. 48)

Insertions (<ins>) & Deletions (<del>)

#37Duckett Chapter 2 (p. 49)

Strikethrough (<s>)

#38Duckett Chapter 2 (p. 42)

Abbreviations (<abbr>)

#39Duckett Chapter 2 (p. 41)

Defining Terms (<dfn>)

#40Duckett Chapter 2 (p. 39)

Superscript (<sup>) & Subscript (<sub>)

Unit 5

Unit 5: Navigation & Hyperlinks

Master anchor tags (a href), relative vs absolute URL paths, target blank security attributes, email links, and document jumps.

0 / 10 Lessons

#41Duckett Chapter 4 (p. 74-76)

Anchor Elements (<a>) & the href Attribute

#42Duckett Chapter 4 (p. 77-79)

Absolute vs. Relative Paths

#43Duckett Chapter 4 (p. 80-82)

Parent Directory Hopping (../)

#44Duckett Chapter 4 (p. 83-84)

Grandparent Directory Hopping (../../)

#45Duckett Chapter 4 (p. 85)

Linking to Email Addresses (mailto:)

#46Duckett Chapter 4 (p. 86)

Telephone Dialing Links (tel:)

#47Duckett Chapter 4 (p. 87)

Target Attributes (target="_blank")

#48The Definitive Guide to HTML5 Chapter 13

Link Security (rel="noopener noreferrer")

#49Duckett Chapter 4 (p. 88-89)

Document Hash Links (href="#id")

#50The Definitive Guide to HTML5 Chapter 13

Download Attribute (force download)

Unit 6

Unit 6: Multimedia & Responsive Art Direction

Embed responsive images, modern SVG vectors, figure captions, srcset art direction, and high-performance lazy loading.

0 / 10 Lessons

#51Duckett Chapter 5 (p. 94-96)

The Image Element (<img>)

#52Duckett Chapter 5 (p. 97-98)

Image Sizing (width & height)

#53Duckett Chapter 5 (p. 99-102)

Responsive Images (srcset & sizes)

#54HTML5: The Missing Manual Chapter 4

Art Direction with <picture> & <source>

#55HTML5: The Missing Manual Chapter 4

Lazy Loading Images (loading attribute)

#56Duckett Chapter 5 (p. 103-104)

Semantic Image Wrappers (<figure> & <figcaption>)

#57HTML5: The Missing Manual Chapter 6

Vector Graphics (<svg>)

#58Duckett Chapter 5 (p. 105-108)

Image Maps (<map> & <area>)

#59Duckett Chapter 8 (p. 190)

Favicon Formats & Link Configurations

#60Nextsem Academy Project Suite

Capstone Project: Responsive Photo Gallery

Unit 7

Unit 7: Native Audio, Video & Embeds

Implement native HTML5 video and audio players, subtitle tracks, iframe embeds, and secure sandbox configurations.

0 / 10 Lessons

#61Duckett Chapter 9 (p. 202-205)

Audio Elements (src & controls)

#62Duckett Chapter 9 (p. 206-208)

Audio Fallback Formats & Sources

#63Duckett Chapter 9 (p. 209-214)

Video Elements (poster & preload)

#64HTML5: The Missing Manual Chapter 5

Video Subtitles & Captions (<track>)

#65Duckett Chapter 9 (p. 215-218)

External Site Embedding (<iframe> & sandbox)

#66Duckett Chapter 9 (p. 219-221)

Plugin Insertion (<embed> & <object>)

#67HTML5: The Missing Manual Chapter 13

Custom Data Attributes (data-*)

#68The Definitive Guide to HTML5 Chapter 13

Iframe Security & Permission Policies

#69HTML5: The Missing Manual Chapter 10

HTML5 Geolocation Semantic Structure

#70Nextsem Academy Project Suite

Capstone Project: Media Showcase Layout

Unit 8

Unit 8: Lists, Tables & Layout Grids

Organize structured data with ordered/unordered lists, description lists, table elements, headers, colspans, and rowspans.

0 / 10 Lessons

#71Duckett Chapter 3 (p. 52-54)

Unordered Lists (<ul> and <li>)

#72Duckett Chapter 3 (p. 55-57)

Ordered Lists (<ol> and <li>)

#73Duckett Chapter 3 (p. 58-59)

Ordered Lists Start & Reversed Attributes

#74Duckett Chapter 3 (p. 60-63)

Definition Lists (<dl>, <dt>, and <dd>)

#75Duckett Chapter 6 (p. 126-129)

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

#76Duckett Chapter 6 (p. 130-133)

Table Column Spanning (colspan & rowspan)

#77Duckett Chapter 6 (p. 134-137)

Table Structured Sections (<thead>, <tbody>, <tfoot>)

#78Duckett Chapter 6 (p. 138-140)

Table Column Groups (<colgroup> & <col>)

#79Duckett Chapter 6 (p. 141-143)

Table Borders & Spacing Layouts

#80Nextsem Academy Project Suite

Capstone Project: Dynamic Pricing Grid

Unit 9

Unit 9: Interactive Forms & Inputs

Build interactive user forms, text fields, radio buttons, checkboxes, dropdown selects, textareas, and client-side validation.

0 / 10 Lessons

#81Duckett Chapter 7 (p. 144-147)

Form Action & Method (processing basics)

#82Duckett Chapter 7 (p. 148-150)

Form Labels (for attribute linkage)

#83Duckett Chapter 7 (p. 151-153)

Text & Password Inputs (type="text" & "password")

#84Duckett Chapter 7 (p. 154-156)

Radio Buttons (type="radio")

#85Duckett Chapter 7 (p. 157-159)

Checkboxes (type="checkbox")

#86Duckett Chapter 7 (p. 160-163)

Dropdown Select Lists (<select> and <option>)

#87Duckett Chapter 7 (p. 164-166)

Multi-line Input (<textarea>)

#88Duckett Chapter 7 (p. 167-169)

Buttons (type="submit", "reset", "button")

#89Duckett Chapter 7 (p. 170-171)

Binding Input Labels (<label> wrapping)

#90Duckett Chapter 7 (p. 172-175)

Form Groups (<fieldset> and <legend>)

Unit 10

Unit 10: Advanced Semantics, Validation & APIs

Explore modern HTML5 dialog modals, details/summary accordions, canvas 2D contexts, progress meters, and web accessibility standards.

0 / 10 Lessons

#91HTML5: The Missing Manual Chapter 4

Form Field Required Validation

#92HTML5: The Missing Manual Chapter 4

Regex Pattern Matching (pattern attribute)

#93HTML5: The Missing Manual Chapter 4

HTML5 Numeric Ranges (type="number" & "range")

#94HTML5: The Missing Manual Chapter 4

Progress Indicators (<progress>) & Meter Gauges (<meter>)

#95HTML5: The Missing Manual Chapter 4

Autocomplete Data Lists (<datalist>)

#96HTML5: The Missing Manual Chapter 4

Collapsible Accordions (<details> and <summary>)

#97HTML5: The Missing Manual Chapter 4

Native Modals & Popups (<dialog>)

#98HTML5: The Missing Manual Chapter 13

Web Components Templates (<template> and <slot>)

#99Duckett Chapter 9 (p. 222-226)

Canvas Graphics (<canvas>)

#100Nextsem Academy Project Suite

HTML5 Master Developer Curriculum

HTML5 Syllabus & Lesson Modules

Unit 0: Developer Workstation Setup & Visual Studio Code

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

Unit 1: HTML Introduction & Web Fundamentals

HTML Introduction (What is HTML?)

Client vs. Server Model

Understanding DNS Lookup

IP Addresses Explained (IPv4 vs. IPv6)

TCP/IP 3-Way Handshake

Anatomy of an HTTP Request

Anatomy of an HTTP Response

Anatomy of a URL

How Browsers Render HTML (DOM)

Introduction to Browser DevTools

Unit 2: The Document Structure & Metadata

The <!DOCTYPE html> Declaration

The <html> Root Element

The <head> Container

The <title> Element

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

Responsive Viewport Configuration

Adding Favicons

Linking CSS Stylesheets

Internal CSS with the <style> Tag

Script Insertion with <script>

Unit 3: Structural Text & Layout Elements

The <body> Container

Heading Elements (<h1> to <h6>)

The Paragraph Element (<p>)

Line Breaks (<br />)

Horizontal Rules (<hr />)

Div Containers (<div>)

Span Containers (<span>)

Blockquotes (<blockquote>)

Inline Quotes (<q>)

Address Details (<address>)

Unit 4: Semantic Content & Text Modifications

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

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

Highlighted Text (<mark>)

Code Snippets (<code>)

Preformatted Text (<pre>)

Insertions (<ins>) & Deletions (<del>)

Strikethrough (<s>)

Abbreviations (<abbr>)

Defining Terms (<dfn>)

Superscript (<sup>) & Subscript (<sub>)

Unit 5: Navigation & Hyperlinks

Anchor Elements (<a>) & the href Attribute

Absolute vs. Relative Paths

Parent Directory Hopping (../)

Grandparent Directory Hopping (../../)

Linking to Email Addresses (mailto:)

Telephone Dialing Links (tel:)

Target Attributes (target="_blank")

Link Security (rel="noopener noreferrer")

Document Hash Links (href="#id")

Download Attribute (force download)

Unit 6: Multimedia & Responsive Art Direction

The Image Element (<img>)

Image Sizing (width & height)

Responsive Images (srcset & sizes)

Art Direction with <picture> & <source>

Lazy Loading Images (loading attribute)

Semantic Image Wrappers (<figure> & <figcaption>)

Vector Graphics (<svg>)

Image Maps (<map> & <area>)

Favicon Formats & Link Configurations

Capstone Project: Responsive Photo Gallery

Unit 7: Native Audio, Video & Embeds

Audio Elements (src & controls)

Audio Fallback Formats & Sources

Video Elements (poster & preload)

Video Subtitles & Captions (<track>)

External Site Embedding (<iframe> & sandbox)

Plugin Insertion (<embed> & <object>)

Custom Data Attributes (data-*)

Iframe Security & Permission Policies

HTML5 Geolocation Semantic Structure