AI 时代的 JavaScript/TypeScript 学习系统
在 AI 已能自动开发网站的时代,人类仍然应该认真学习 JavaScript 和 TypeScript,但学习方式需要转变:
| 传统学习 | AI 时代学习 |
|---|---|
| 记忆语法细节 | 理解概念和模式 |
| 从零手写代码 | 描述需求 → 审核 AI 代码 |
| 追求编码速度 | 追求判断力和决策力 |
| 被动阅读示例 | 主动探索和验证 |
未来的竞争力 = 理解系统 + 指导 AI + 审核代码 + 做关键决策
chapters/
├── 01-fundamentals/ # 基础语法
├── 02-data-types/ # 数据类型
├── 03-functions/ # 函数
├── 04-objects/ # 对象
├── 05-advanced-functions/ # 高级函数
├── 06-prototypes-classes/ # 原型与类
├── 07-async/ # 异步编程
├── 08-error-handling/ # 错误处理
├── 09-modules/ # 模块化
└── 10-dom-events/ # DOM 与事件
每个章节包含三个学习层次:
- 阅读概念文档,建立心智模型
- 重点理解"是什么"和"为什么"
- 时间:约 15-20 分钟/节
- 完成填空和编码练习
- 运行测试验证答案
- 时间:约 30 分钟/节
- 综合应用所学知识
- 可借助 AI 辅助实现
- 重点:审核代码质量
- 时间:约 30-60 分钟/挑战
# 1. 安装依赖
npm install
# 2. 运行测试(监听模式)
npm run test:watch
# 3. 运行特定章节测试
npm run test:01 # 第一章
npm run test:02 # 第二章
# ...开始学习
│
▼
┌─────────────────────────────────────┐
│ 1. 阅读 concepts/*.md │
│ 理解概念,建立心智模型 │
└─────────────────────────────────────┘
│
▼
┌─────────────────────────────────────┐
│ 2. 完成 exercises/*.js │
│ 动手练习,运行测试验证 │
└─────────────────────────────────────┘
│
▼
┌─────────────────────────────────────┐
│ 3. 完成 challenges/ │
│ 综合应用,审核 AI 代码 │
└─────────────────────────────────────┘
│
▼
进入下一章节
- 测试框架: Vitest
- 运行环境: Node.js 18+
- 语言版本: ES2022+
- 不要跳过概念文档 - 理解比记忆更重要
- 先自己思考再看答案 - 主动学习效果更好
- 善用 AI 但要审核 - AI 是工具,你是决策者
- 遇到问题先调试 - 调试能力是核心竞争力
开始你的学习之旅吧! 从 chapters/01-fundamentals/ 开始 →