</>DevThesis
HomeCurriculumHTML/CSS

HTML/CSS

Semantic HTML5 markup, modern CSS layout models (Flexbox & Grid), responsive design techniques, and CSS custom properties.

1Semantic HTML5 & Document Structure

Semantic elements (<header>, <nav>, <article>, <section>), accessibility (ARIA), and DOM trees.

Semantic HTML5 & Document Structure

Semantic elements (<header>, <nav>, <article>, <section>), accessibility (ARIA), and DOM trees.

Semantic HTML5 & Document Structure

Semantic elements (<header>, <nav>, <article>, <section>), accessibility (ARIA), and DOM trees.

2CSS Fundamentals, Specificity Cascades & Box Model Mechanics

The CSS Cascade algorithm, specificity vectors, box-sizing models, margin collapsing, and Block Formatting Contexts (BFC).

CSS Fundamentals & Box Model Mechanics

Cascade sorting, specificity vector calculation, border-box geometry, margin collapsing rules, and stacking contexts.

CSS Fundamentals & Box Model Mechanics

Master the W3C CSS Cascade algorithm, calculate 3-part specificity vectors $(A, B, C)$, evaluate margin collapsing mechanics, and control Block Formatting Contexts (BFC).

3Modern Layout Systems: Flexbox Algorithms & 2D CSS Grid Architectures

1D Flexbox layout algorithms, flex-grow/shrink distributions, 2D CSS Grid track sizing, fractional units, and layout performance optimization.

Modern Layout Systems - Flexbox & CSS Grid

Flexbox axis alignment, flex item sizing calculations, CSS Grid explicit and implicit tracks, and subgrid architecture.

Modern Layout Systems: Flexbox & CSS Grid

Master the mathematical algorithms of modern CSS layout engines: 1D Flexbox free space allocation, weighted negative shrink calculations, and 2D CSS Grid track sizing algorithms.

4Responsive Web Design, Modern CSS Architecture & Browser Rendering Pipelines

Fluid typography with clamp(), Container Queries, CSS custom properties scoping, BEM/utility architecture, and GPU compositor pipelines.

Responsive Web Design & Modern CSS Features

Container queries, fluid typography formulas, Critical Rendering Path optimizations, and GPU hardware-accelerated transforms.

Responsive Web Design & Modern CSS Features

Master fluid mathematical typography with `clamp()`, container queries (`@container`), enterprise CSS modularity, and browser Critical Rendering Path optimizations using GPU compositor layers.