前端学习路线图 2026

从零基础到能独立交付项目，这张路线图按「阶段目标」而不是「技术名词堆砌」来组织。

第一阶段 · 打地基（1–2 个月）

HTML 语义化、CSS 布局（Flex/Grid）、JavaScript 核心。**阶段产出：**不借助框架做出完整响应式静态站。

第二阶段 · 框架与工程化（2–3 个月）

React 或 Vue 深入 + TypeScript + Vite + Git 协作。**阶段产出：**独立完成带路由与状态管理的完整应用。

第三阶段 · 进阶与 AI 工作流（持续）

性能优化、测试、部署，把 Claude Code 等 AI 工具融入日常开发。

路线图里每个知识点都能在本站找到配套速查片段和实战 Demo。