Web Fundamentals
HTTP, HTML History, Basic Tags & Architecture
01. Final Project
Course Goal preview.
02. HTTP Protocol
Req/Res & Status Codes.
03. HTML History
From Tag Soup to Semantic.
04. The Trinity
HTML + CSS + JS relationship.
05. Encoding Lab
UTF-8 vs GBK & Mojibake.
06. State Inspector
Cookies, Session & Cache.
07. Backend Flow
Spring Boot Architecture.
08. Ad Tracking
Privacy & Cookies Demo.
HTML5 Deep Dive
Semantics, Multimedia, Forms & Responsive Design
CSS Styling & Layout
Text, Fonts, Links, Box Model & Floats, Specificity, Responsive
01. CSS Basics Demo
Interactive styling lab covering Text, Fonts, Links (L-V-H-A), Lists, and Table styling.
02. Box Model & Layout
Interactive sliders for Padding & Margin, plus Float, Clear, and Positioning demonstrations.
03. CSS Inheritance
Interactive DOM tree showing how properties cascade and inherit.
04. Specificity Demo
Practical code examples explaining the (a, b, c, d) scoring rules.
05. Specificity Calculator
Interactive tool to calculate selector weights in real-time.
06. Relative Units
Visualizing %, em, and rem behaviors with dynamic root sliders.
07. Media Queries
Real-time viewport monitoring and breakpoint layout shifts.
08. Responsive Quiz
Interactive knowledge assessment on specificity and media queries.
JavaScript Fundamentals
Core concepts, variables, data types, and interactive demos
01. JS Knowledge Map
Interactive mindmap visualizing JavaScript core concepts and ecosystem.
02. Variables Demo
Understanding var, let, const declarations with interactive examples.
03. Function Defaults
The evolution of handling missing arguments, from ES5 logic to ES6 default parameters.
04. Built-in Objects
Exploring core applications of Array (Stack), Date, Math, and RegExp.
DOM Manipulation
Events, DOM Creation, and Dynamic Page Updates