先看 Demo
每节课先展示最终效果,让学生知道今天要完成什么。
这是一个独立课程网站,用来展示《AI 全栈实践课》的 16 次课设计。它强调 AI 编程工具协作,而不是传统语法课:学生通过提需求、生成代码、运行验证、反馈修改,逐步完成一个真实软件项目。
每次课都围绕一个可展示结果展开,学生学会把想法变成 AI 能理解的任务,再把 AI 生成的作品验收和改好。
每节课先展示最终效果,让学生知道今天要完成什么。
把功能拆成页面、接口、数据、AI、硬件五类任务。
使用 OpenCode 等 AI 编程工具生成、解释、修改代码。
学生看页面、接口、终端报错,把现象反馈给 AI。
点击课程卡片,可以在右侧看到本节课重点、AI 编程任务、课堂产出和 demo 预览。
选择上面的任意课次,下面会切换成对应课堂 demo。它不是文字说明,而是模拟学生当天能看到、能操作、能展示的效果。
网站可以直接作为教师上课讲解和前台咨询展示材料。
我要修改的页面:
我要实现的效果:
限制条件:
验收方式:
请先给我修改计划,再给代码。
我运行了什么命令:
我点击了什么:
终端/浏览器报错:
我期待看到:
实际发生:
请给最小修改方案。
我做了什么作品
我如何向 AI 提需求
我如何运行和调试
我做了哪些个性化修改
我下一步想升级什么