Files
AICODE2026/3-lessons/AICODE-06/AICODE-06课程大纲.md
Rocky bad433a121 feat: 新增涂鸦PK四课教案(第8-11课)及大纲更新
- 新增 AICODE06-08~11 完整逐字稿教案(每课600+行)
- 涂鸦PK主题:画图工具→基础对战→动画音效→班级锦标赛
- 核心工程思维:需求驱动→测试验证→增量迭代→数据驱动
- 更新 AICODE-06 课程大纲,追加第8-11课内容
- 新增 demo-pk/ 目录(画图工具/对战/动画三个demo)

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
2026-04-09 20:28:42 +02:00

6.9 KiB
Raw Blame History

AICODE-06 课程大纲

AI编程创新课 · 06路线 · 春季学期前5课独立合流时间点待定 适用对象小学6年级起点有扣子/低代码经验


独立阶段代码编程衔接第1-5课

课时 课程主题 学习目标 知识点复习 知识点新知
1 从扣子到代码 • 理解"扣子智能体"和"AI编程"的本质区别:配置 vs 创造
• 掌握 Trae IDE 界面布局和核心操作流程
• 理解 Vibe Coding用自然语言驱动AI写代码
扣子智能体搭建经验 Trae IDE 操作、Builder/Chat 模式、Vibe Coding 概念
2 SOLO模式初体验 • 理解三种模式的区别Chat问问题、Builder从零创建、Solo Coder精准修改
• 能根据场景选择正确模式
• 掌握跟随模式实时观看AI编写代码
Trae IDE 操作、Builder 模式 Chat/Builder/Solo Coder 三种模式、跟随模式、模式选择策略
3 Solo Coder 迭代深化 • 掌握内置浏览器预览和元素选择功能
• 能用"点击元素→描述修改"的方式精准迭代
• 完成从基础版到完善版的多轮迭代
三种模式、跟随模式 内置浏览器预览、元素选择、点击式精准修改、多轮迭代策略
4 我的个人主页(上) • 理解"内容先行"原则先想清楚展示什么再让AI做
• 掌握板块化设计思维:把页面拆成独立区域
• 能在 Trae 中创建自定义智能体并编写系统提示词
三种模式、元素选择、迭代 内容清单方法、板块化设计、Trae 自定义智能体、占位内容替换
5 我的个人主页(下) • 能根据同学反馈有针对性地优化页面
• 能用自然语言让AI实现交互效果hover、动画、轮播
• 能用3分钟路演展示作品并讲解设计思路
自定义智能体、内容清单、Solo Coder 迭代 交互效果实现、设计一致性、发布前检查、产品路演


项目实战阶段魔幻俄罗斯方块第6-7课

面向已完成前5课的 AICODE-06 学员。以俄罗斯方块为载体系统训练工程师思维Plan Mode 先行、需求审核、自动测试、新窗口原则。

课时 课程主题 学习目标 核心概念 核心工具
6 魔幻俄罗斯方块(上)— Plan Mode 先行 • 掌握 Plan Mode 三步流程:整理需求 → 需求审核 → 确认需求
• 理解需求质量 = 输出质量需求越详细AI 执行越准确
• 建立新窗口原则:审核必须在新窗口进行,避免上下文污染
• 能独立完成「需求文档 → 审核 → 生成 → 验收 → 结果溯源」完整闭环
Plan Mode、需求文档、需求审核、结果溯源、新窗口原则、上下文污染 Kimi 2.5
7 魔幻俄罗斯方块(下)— 魔改升级 + AI 自动测试 • 掌握增量需求文档:在已有基础上只写新增功能
• 理解自动化测试:让 AI 生成测试脚本替代手动验收
• 能读懂测试脚本 结果并溯源修复
• 建立「测试通过才算完成」的质量意识,利用测试脚本安全做第二版、第三版
自动化测试、测试覆盖、边界条件、增量需求、新窗口原则 Kimi 2.5

两课核心工作流:

Plan Mode新窗口A整理需求
    ↓
需求审核新窗口BAI扮演审核工程师
    ↓
执行生成新窗口CKimi生成代码
    ↓
手动验收 → 感受手动测试的局限
    ↓
AI生成测试脚本新窗口D自动测试
    ↓
测试全部 ✅ → 有了安全网 → 放心做第二版、第三版

项目实战阶段涂鸦PK第8-11课

在工程流程Plan Mode + 测试)已内化的基础上,以「自绘角色对战游戏」为载体,训练数据驱动设计、增量需求迭代、和设计决策表达力。

课时 课程主题 学习目标 核心能力 核心产出
8 涂鸦PK— 画图工具 + 角色设计 • 能用需求文档驱动生成自己的HTML5画图工具
• 能画出两帧角色Spritesheet帧1待机+帧2攻击
• 理解20分属性预算制能根据打法定位分配属性
拆解力、审美力 自制画图工具 + 角色Spritesheet128×64 PNG+ 角色属性JSON
9 涂鸦PK— 基础对战系统 • 能用需求文档描述战斗规则(公式/先手/特技让AI生成完整对战系统
• 理解边界情况的重要性:需求文档必须覆盖所有异常情况
• 能用AI在新窗口生成测试脚本验证伤害公式和胜负判定
拆解力、韧性力 可对战的PK系统有血条/四种行动/AI对手+ 测试脚本验证报告
10 涂鸦PK— 动画 + 音效 + 特技 • 能用自然语言描述动画「感觉」让AI实现Phaser Tween动画
• 理解Web Audio API用代码合成音效零外部素材依赖
• 掌握增量需求写法:只写新增部分,不重写已验收功能
审美力、提问力 有完整动画+音效+特技特效的战斗体验版
11 涂鸦PK— 班级锦标赛 • 理解数据驱动设计加JSON文件=加角色,不改代码
• 能用增量需求实现roles角色系统从文件夹读取所有角色
• 能用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课程大纲