推荐起点 · 从这里开始10 节
写给：想给自己孩子或自己班做一个小练习页、但从没写过一行代码的家长或老师
“我最清楚我孩子卡在哪一步，可市面上的练习应用全不对路，我自己又做不出来。”
Vibe coding 入门：和 AI 一起做出第一个学习工具
不用先学语法：把想法用自己的话交给 AI，一步步做出一个能打开、能练、能改的提示卡学习工具，并看懂它由哪三层组成。
- 学完你手里会有
- 一个能在浏览器里打开的提示卡页面，而且你能指着每一段说出它在做什么。
免费 · 自定步调查看课程与练习 →
免费 · 无需注册 · 不收费
7 门免费课程，
现在就能开始学。
不用先学语法。每一节都和 AI 一起做出一点能打开的东西，一节大约十五分钟。
进度只保存在这台浏览器里，随时可以停下来，也随时可以跳到别的一门。
每一节都是同一个节奏
01先预测带着一个问题
→02动手试看见选择带来的变化
→03说出原因用在自己的作品里
7 门免费课程 · 每一门都做出一个能打开的东西
从基础开始12 节
写给：带着一个班、教案已经写熟，却说不清学生到底学会没有的老师
“我讲得很清楚，学生当场也点头说懂了，一到考试还是不会。”
把学习科学变成设计判断
从学习科学是什么开始，理解回想、间隔、示范、反馈与迁移，把一个教学活动改成有证据可检查的产品流程。
- 学完你手里会有
- 一页写下来的活动设计：练什么、怎么给反馈、隔几天用哪道题再查一次。
免费 · 自定步调查看课程与练习 →
从基础开始10 节
写给：觉得自己孩子值得一份只为他准备的练习、而不是一套通用题库的家长或自学者
“他错的一直是那几道，可软件还在让他反复做已经会的题。”
做一个会帮你回想的学习助手
用人工审核的卡片实现回想、核对、反思与下次计划，理解本地记录和规则助手的能力边界。
- 学完你手里会有
- 一个在本地跑起来的练习原型：先作答、再核对、写下一次从哪一题继续。
免费 · 自定步调查看课程与练习 →
从基础开始10 节
写给：东西已经做出来了，却没人看懂它是给谁用的老师或独立开发者
“我把链接发出去，别人点进来看两眼就走了，一句话也不问。”
让别人一眼知道从哪开始：做工具的介绍页
从来访者的任务开始，组织承诺、示例、内容结构、视觉规则、手机适配与表单，交付可验收的首页。
- 学完你手里会有
- 一个单页原型：首屏一句话说清给谁用，只有一个主按钮，手机上也不错位。
免费 · 自定步调查看课程与练习 →
已经做出过一个 · 继续实践10 节
写给：做得出静态页面、想让学生真的在页面上做点什么的老师或自学者
“我加的按钮点两下状态就对不上，学生刚填好的东西一刷新全没了。”
让工具真的能用：从一个按钮到一整套练习流程
围绕一张本地出门条，把一个能点的按钮做成一套完整的练习流程：状态、事件、校验、可访问性与本地保存。
- 学完你手里会有
- 一个能校验、保存、恢复和删除记录的小工具，加一份走通全部状态的检查记录。
免费 · 自定步调查看课程与练习 →
从基础开始12 节
写给：一个人边做边改文件、改到不敢删、只能堆出一排「最终版」的创作者
“我改坏了就回不去，桌面上堆着一排「最终版 2」，也不敢让别人碰我的文件。”
Git 与 GitHub：改坏了能退回去，做好了能交出去
先在自己电脑上把每次改动存成可以回去的版本，再把仓库放上 GitHub，用 Issue 与 PR 和别人改同一个项目。
- 学完你手里会有
- 一个能逐条看懂改动、随时退回上一个可用版本的仓库，以及一次被人看过的改动记录。
免费 · 自定步调查看课程与练习 →
已经做出过一个 · 继续实践10 节
写给：页面已经能跑、但代码乱到每次交给 AI 大改都提心吊胆的开发者
“我只让 AI 帮我整理一下，结果它顺手把本来能用的功能也改没了。”
与 AI 安全重构：一步改动，一步验收
用已运行的提示卡练习行为约定、函数提取、测试、差异审阅与回退。
- 学完你手里会有
- 一次保持原有行为的重构，外加基线、验收清单和一份真的能执行的回退步骤。
免费 · 自定步调查看课程与练习 →
课程时间为阅读与初次练习的参考估计。练习记录只保存在当前浏览器；完成记录表示你的自我确认，不是掌握认证。