Sigma Web Development – Lecture Dashboard

Welcome! Browse or search through lectures below. Click any card to view that lecture’s notes and code.

Lecture 1

HTML Boilerplate

Lecture 1 Notes & Code

Lecture 2

Basic Web Page Setup

Lecture 2 Notes & Code

Lecture 3

Styling & Script Alert

Lecture 3 Notes & Code

Lecture 4

Headings, Links & CSS

Lecture 4 Notes & Code

Lecture 5

Images, Tables & Lists

Lecture 5 Notes & Code

Lecture 6

Meta Tags, Title & Linking

Lecture 6 Notes & Code

Lecture 7

HTML Forms

Lecture 7 Notes & Code

Lecture 8

Block vs Inline & Form Quiz

Lecture 8 Notes & Code

Lecture 9

ID vs Class & CSS Selectors

Lecture 9 Notes & Code

Lecture 10

Video, Audio & SVG/Media Demo

Lecture 10 Notes & Code

Lecture 11

Semantic Tags in HTML

Lecture 11 Notes & Code

Lecture 12

Pure HTML Media Player

Lecture 12 Notes & Code

Lecture 13

Entities, Code, Pre, Canvas & Quotations

Lecture 13 Notes & Code

Lecture 14

Introduction to CSS

Lecture 14 Notes & Code

Lecture 15

Inline, Internal & External CSS

Lecture 15 Notes & Code

Lecture 16

Basic HTML Structure & Linking CSS

Lecture 16 Notes & Code

Lecture 17

CSS Selectors Deep Dive

Lecture 17 Notes & Code

Lecture 18

CSS Box Model

Lecture 18 Notes & Code

Lecture 19

CSS Colors & Fonts/Text Properties

Lecture 19 Notes & Code

Lecture 20

CSS Challenge: Styling Specific Paragraphs

Lecture 20 Notes & Code

Lecture 21

CSS Specificity Deep Dive

Lecture 21 Notes & Code

Lecture 22

CSS Sizing Units (px, rem, em, vh, vw, %, vmin)

Lecture 22 Notes & Code