Ja
JavaScript / TypeScript
22 周唯一能同时写前端、后端、跨端的语言
适合谁：想做前端/全栈、想快速做出能看的作品
难度
共 5 个阶段 · 22 周这条路上最常见的三个误区
- 先学框架再学语言 —— React 三年一换，闭包、原型链与事件循环十年不变
- 只写浏览器端 —— 不会 Node、不会构建工具，就永远停在切图
- 以为 TypeScript 只是「加了类型的 JS」 —— 类型是设计工具，用来提前暴露错误
第一周就做这三件事
- 1用 Vite 起一个原生 JS 项目，不引入任何 UI 框架
- 2手写 15 道闭包 / this / 原型 / Promise 输出题，写完再看答案
- 3做一个能增删改查的待办页面，数据存 localStorage
「准备期」是拖延的另一种说法。先跑起来，再谈规划。
分阶段执行
按每周 10–12 小时估算，有基础可压缩学习进度 0%0/5 阶段 · 约 0/22 周
- 1
阶段一 · 语言核心
建议 4 周阶段目标吃透 JS 中最容易出错的部分
知识点变量作用域与闭包原型链与 this事件循环与异步（Promise/async）数组与对象常用方法ES6+ 语法验收标准能解释 event loop 的执行顺序；能手写 Promise.all
- 2
阶段二 · 浏览器与工程化
建议 4 周阶段目标能独立完成一个响应式网站
知识点DOM / 事件 / 存储CSS 布局（Flex/Grid）与响应式TypeScript 类型系统Vite 构建npm 与模块化验收标准移动端体验正常；Lighthouse 性能分 > 85
- 3
阶段三 · 框架
建议 5 周阶段目标掌握现代前端开发范式
知识点React 组件与状态Hooks 与副作用路由与数据请求状态管理（Zustand）Next.js App Router验收标准能说清 Server/Client Component 的区别；页面有加载与错误态
- 4
阶段四 · 工程与质量
建议 4 周阶段目标达到能进团队协作的水平
知识点组件库与设计系统性能优化（LCP/INP/CLS）单元测试与 E2ECI/CD可访问性 a11y验收标准有 CI 自动测试；包体积有分析报告；README 完整
- 5
阶段五 · 全栈与进阶
建议 5 周阶段目标具备独立交付完整产品的能力
知识点Node.js / NestJS 或 BFF数据库与 ORM鉴权与支付部署与监控AI 能力集成验收标准有真实访问数据；能讲清架构取舍与踩过的坑