25ec5f0c9c
- 新增 AICODE06-08~11 完整逐字稿教案（每课600+行） - 涂鸦PK主题：画图工具→基础对战→动画音效→班级锦标赛 - 核心工程思维：需求驱动→测试验证→增量迭代→数据驱动 - 更新 AICODE-06 课程大纲，追加第8-11课内容 - 新增 demo-pk/ 目录（画图工具/对战/动画三个demo） Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
88 lines
6.9 KiB
Markdown
88 lines
6.9 KiB
Markdown
# AICODE-06 课程大纲
|
||
|
||
> AI编程创新课 · 06路线 · 春季学期（前5课独立，合流时间点待定）
|
||
> 适用对象：小学6年级起点，有扣子/低代码经验
|
||
|
||
---
|
||
|
||
## 独立阶段：代码编程衔接（第1-5课）
|
||
|
||
| 课时 | 课程主题 | 学习目标 | 知识点复习 | 知识点新知 |
|
||
|:----:|---------|---------|-----------|-----------|
|
||
| 1 | 从扣子到代码 | • 理解"扣子智能体"和"AI编程"的本质区别：配置 vs 创造<br>• 掌握 Trae IDE 界面布局和核心操作流程<br>• 理解 Vibe Coding：用自然语言驱动AI写代码 | 扣子智能体搭建经验 | Trae IDE 操作、Builder/Chat 模式、Vibe Coding 概念 |
|
||
| 2 | SOLO模式初体验 | • 理解三种模式的区别：Chat（问问题）、Builder（从零创建）、Solo Coder（精准修改）<br>• 能根据场景选择正确模式<br>• 掌握跟随模式：实时观看AI编写代码 | Trae IDE 操作、Builder 模式 | Chat/Builder/Solo Coder 三种模式、跟随模式、模式选择策略 |
|
||
| 3 | Solo Coder 迭代深化 | • 掌握内置浏览器预览和元素选择功能<br>• 能用"点击元素→描述修改"的方式精准迭代<br>• 完成从基础版到完善版的多轮迭代 | 三种模式、跟随模式 | 内置浏览器预览、元素选择、点击式精准修改、多轮迭代策略 |
|
||
| 4 | 我的个人主页（上） | • 理解"内容先行"原则：先想清楚展示什么再让AI做<br>• 掌握板块化设计思维：把页面拆成独立区域<br>• 能在 Trae 中创建自定义智能体并编写系统提示词 | 三种模式、元素选择、迭代 | 内容清单方法、板块化设计、Trae 自定义智能体、占位内容替换 |
|
||
| 5 | 我的个人主页（下） | • 能根据同学反馈有针对性地优化页面<br>• 能用自然语言让AI实现交互效果（hover、动画、轮播）<br>• 能用3分钟路演展示作品并讲解设计思路 | 自定义智能体、内容清单、Solo Coder 迭代 | 交互效果实现、设计一致性、发布前检查、产品路演 |
|
||
|
||
---
|
||
|
||
---
|
||
|
||
## 项目实战阶段：魔幻俄罗斯方块（第6-7课）
|
||
|
||
> 面向已完成前5课的 AICODE-06 学员。以俄罗斯方块为载体，系统训练工程师思维：Plan Mode 先行、需求审核、自动测试、新窗口原则。
|
||
|
||
| 课时 | 课程主题 | 学习目标 | 核心概念 | 核心工具 |
|
||
|:----:|---------|---------|---------|---------|
|
||
| 6 | 魔幻俄罗斯方块（上）— Plan Mode 先行 | • 掌握 Plan Mode 三步流程：整理需求 → 需求审核 → 确认需求<br>• 理解需求质量 = 输出质量：需求越详细，AI 执行越准确<br>• 建立新窗口原则：审核必须在新窗口进行，避免上下文污染<br>• 能独立完成「需求文档 → 审核 → 生成 → 验收 → 结果溯源」完整闭环 | Plan Mode、需求文档、需求审核、结果溯源、新窗口原则、上下文污染 | Kimi 2.5 |
|
||
| 7 | 魔幻俄罗斯方块（下）— 魔改升级 + AI 自动测试 | • 掌握增量需求文档：在已有基础上只写新增功能<br>• 理解自动化测试：让 AI 生成测试脚本替代手动验收<br>• 能读懂测试脚本 ✅❌ 结果并溯源修复<br>• 建立「测试通过才算完成」的质量意识，利用测试脚本安全做第二版、第三版 | 自动化测试、测试覆盖、边界条件、增量需求、新窗口原则 | Kimi 2.5 |
|
||
|
||
**两课核心工作流：**
|
||
|
||
```
|
||
Plan Mode（新窗口A：整理需求）
|
||
↓
|
||
需求审核（新窗口B：AI扮演审核工程师）
|
||
↓
|
||
执行生成（新窗口C：Kimi生成代码）
|
||
↓
|
||
手动验收 → 感受手动测试的局限
|
||
↓
|
||
AI生成测试脚本（新窗口D：自动测试）
|
||
↓
|
||
测试全部 ✅ → 有了安全网 → 放心做第二版、第三版
|
||
```
|
||
|
||
---
|
||
|
||
## 项目实战阶段：涂鸦PK（第8-11课）
|
||
|
||
> 在工程流程（Plan Mode + 测试）已内化的基础上，以「自绘角色对战游戏」为载体，训练数据驱动设计、增量需求迭代、和设计决策表达力。
|
||
|
||
| 课时 | 课程主题 | 学习目标 | 核心能力 | 核心产出 |
|
||
|:----:|---------|---------|---------|---------|
|
||
| 8 | 涂鸦PK（一）— 画图工具 + 角色设计 | • 能用需求文档驱动生成自己的HTML5画图工具<br>• 能画出两帧角色Spritesheet（帧1待机+帧2攻击）<br>• 理解20分属性预算制，能根据打法定位分配属性 | 拆解力、审美力 | 自制画图工具 + 角色Spritesheet（128×64 PNG）+ 角色属性JSON |
|
||
| 9 | 涂鸦PK（二）— 基础对战系统 | • 能用需求文档描述战斗规则（公式/先手/特技），让AI生成完整对战系统<br>• 理解边界情况的重要性：需求文档必须覆盖所有异常情况<br>• 能用AI在新窗口生成测试脚本，验证伤害公式和胜负判定 | 拆解力、韧性力 | 可对战的PK系统（有血条/四种行动/AI对手）+ 测试脚本验证报告 |
|
||
| 10 | 涂鸦PK（三）— 动画 + 音效 + 特技 | • 能用自然语言描述动画「感觉」，让AI实现Phaser Tween动画<br>• 理解Web Audio API：用代码合成音效，零外部素材依赖<br>• 掌握增量需求写法：只写新增部分，不重写已验收功能 | 审美力、提问力 | 有完整动画+音效+特技特效的战斗体验版 |
|
||
| 11 | 涂鸦PK（四）— 班级锦标赛 | • 理解数据驱动设计：加JSON文件=加角色，不改代码<br>• 能用增量需求实现roles角色系统（从文件夹读取所有角色）<br>• 能用3分钟路演清晰表达设计决策（定位+意图+复盘） | 表达力、共创力 | roles系统 + 班级角色锦标赛 + 设计决策路演 |
|
||
|
||
**四课核心工作流（延伸自第6-7课工程流程）：**
|
||
|
||
```
|
||
需求驱动（窗口A整理 → 窗口B审核 → 窗口C执行）
|
||
↓
|
||
测试验证（窗口D生成测试脚本 → 验证核心逻辑）
|
||
↓
|
||
增量迭代（只写新增需求 → 已验收功能不重写）
|
||
↓
|
||
数据驱动扩展（加文件=加功能 → 代码与数据分离）
|
||
```
|
||
|
||
---
|
||
|
||
## 合流说明
|
||
|
||
> **合流时间点待定。** 原计划第5课合流，但考虑到 AICODE-03 学生打字和表达能力的成长节奏，合流点可能后延。
|
||
>
|
||
> AICODE-06 前5课的衔接设计确保学生具备以下基础：
|
||
>
|
||
> | AICODE-03 前期培养的能力 | AICODE-06 前5课对应的能力 |
|
||
> |:---|:---|
|
||
> | AI基本原理认知（Token、幻觉等） | 扣子→代码的认知跃迁（配置 vs 创造） |
|
||
> | 提示词五要素模型 | 三种模式选择策略 + 自定义智能体系统提示词 |
|
||
> | AI编程工具操作 + 审查三问 | Trae IDE 深度操作（跟随模式、元素选择、内置浏览器） |
|
||
> | Bug描述三要素 + 迭代修复 | 多轮迭代 + 内容规划 + 交互效果 + 产品路演 |
|
||
>
|
||
> 合流后的课程内容详见 [AICODE-03课程大纲](../AICODE-03/AICODE-03课程大纲.md)。
|