Track 4: Full Stack Web Developer
A comprehensive curriculum designed to take you from beginner to expert in HTML.
The Static Web (HTML/CSS)
"To build the visible part of the internet."
The Goal
Build a multi-page site with shared styling.
Conceptual Anchor
The "Magazine Layout".
Analogy
A Magazine Layout
Day 1 Product
Profile Card . A simple index.html with \<style\> tags inside.
Constructs Mastered
Milestone Project
My Developer Portfolio
Interactive Web (JavaScript)
"To make websites come alive."
The Goal
Fetch real data from the internet.
Conceptual Anchor
The "Smart Home System".
Analogy
The Remote Control
Day 1 Product
Static Weather UI . Hardcoded weather data displayed on screen.
Prerequisites
Constructs Mastered
Milestone Project
Dynamic Weather Dashboard
Modern React
"To build complex web apps like Facebook."
The Goal
Build a full task management app with state.
Conceptual Anchor
The "LEGO City".
Analogy
LEGO Blocks
Day 1 Product
N/A (Project Mode Start).
Prerequisites
Constructs Mastered
Milestone Project
Task Master App
Vue.js Essentials
"To build interactive UIs progressively."
The Goal
Build a component-based store.
Conceptual Anchor
The "Reactive Dashboard".
Analogy
A Reactive Dashboard
Day 1 Product
Single File Vue . Using Vue via CDN link.
Prerequisites
Constructs Mastered
Milestone Project
Interactive Product Catalog