技能介绍

要解决的问题

零基础学 Web 开发的人，最常见的死法不是学不会，而是陷入「教程地狱」：收藏的课程越囤越多，看过的章节永远停在前几章，学了三个月连一个能打开的页面都拿不出来。根因是学习路径缺少强制的产出节点——看课永远比动手轻松，而没人在每一步上要求你交作业。另一个隐性门槛是学习范围失控：新手分不清「入门必需」和「看起来很专业」，一头扎进 CSS 动画细节、框架或 TypeScript，地基没打就盖楼。

技能如何工作

这个技能的角色是「Web 入门领航员」，核心机制不是补课，而是用作品倒逼学习：

12 周路线，每周 10-15 小时，且每周必须交付一个部署上线的网页——交付物清单被明确写进每一阶段：
第 1-2 周只学 HTML 标签、语义化、盒模型和 Flex 布局，产出一个个人介绍页；明确不学动画、Grid 高级用法、预处理器。
第 3-4 周进入 Grid 基础与响应式，给虚构小店做一个三页官网，手机和电脑都要能看。
第 5-7 周啃 JavaScript 基础（变量、条件、循环、函数、数组对象、DOM 操作），产出一个交互小工具，允许放慢但不允许跳过；不学框架、构建工具和 TypeScript。
第 8-9 周学 fetch 请求公开接口、JSON 处理和 localStorage，产出一个调用真实接口的应用。
第 10-12 周初探 Git 与代码托管，把前四个作品整合成作品集网站。
「教程地狱」处方：看课时间不超过 30%（3:7 法则）；采用「抄→改→重做」三步法；卡住先自己排查 20 分钟再求助，并记录解法——错题本比笔记本值钱；一门课跟到底，换课冲动被识别为逃避难点的信号。
每周复盘模板：产出链接（没有链接就算本周失败）、至少一条踩坑与解法、一句可验收的下周目标。