🎨 Vibe Coding 短训营

12 课紧凑版 · 面向 4 年级到初中

学生用自然语言让 AI 写代码 · 12 节课 = 6-7 个真实游戏 + 1 个代表作

📅 每节 90 分钟 👶 4 年级起 📱 作品在线可分享 🚀 零编程基础
01
入门 · 第 1 课

认识 Vibe Coding

第一次让 AI 帮你写 HTML 代码。做一个自我介绍网页:名字、爱好、座右铭。
产出:自我介绍 HTML 页
02
入门 · 第 2 课

猜数字游戏

完整做 1 个可玩的猜数字游戏(1-100,AI 提示大小),附带美化效果。
产出:完整可玩的猜数字游戏
03
入门 · 第 3 课

贪吃蛇

做蛇类游戏经典——用方向键控制蛇移动、吃食物、越长越难。
产出:贪吃蛇 v1
04
成长 · 第 4 课

记忆翻牌

4×4 翻牌配对——考验记忆力。学会改图案和背景。
产出:翻牌游戏
05
成长 · 第 5 课

数据保存

给游戏加上排行榜——关了浏览器再打开,分数还在。
产出:带排行榜的游戏
06
成长 · 第 6 课

多关卡

5 个难度递增的关卡——你的游戏像真正的商业游戏了。
产出:多关卡版游戏
07
作品 · 第 7 课

AI 出题

让 AI 在你游戏里自动出题——每次玩都不一样。
产出:AI 出题版游戏
08
作品 · 第 8 课

个人主页

做出你的作品集主页——所有游戏都在一个页面上。上传到服务器。
产出:https://www.iaitools.cn/u/你的名字/
09
作品 · 第 9 课

选定代表作

选一个你主导的完整项目——画设计草图、功能列表。
产出:手绘设计草图
10
结业 · 第 10 课

实现代表作

AI 按你的草图为代表作写核心代码——v1 必须能玩。
产出:代表作 v1
11
结业 · 第 11 课

完善 + 上线

打磨颜色/动画/音效,测试 + 正式发布到你的主页。
产出:代表作 v2(已上线)
12
结业 · 第 12 课

家长开放日

路演 + 颁奖 + 合影——爸妈看到你 12 节课的成果。
产出:毕业证书 + 在线作品集