真实案例

案例一：班级宠物积分网页（贯穿课程的案例）

整条学习路径围绕一个真实的教学案例展开：老师上课用的班级积分网页——记录学生积分、宠物随积分成长、可以撤销最近一次操作。

它来自一套真实的教学设计（2026-09-08 版教学指南），不是虚构演示。课程为它划定了明确的边界：

十节课内要做的：老师登录、创建班级与学生、按规则记积分、看到宠物成长、撤销操作、重新登录记录还在、通过网址使用。

明确不承诺的：支付订阅、宠物商城、复杂动画、完整商业后台、微信小程序、排行榜奖励体系。

为什么值得学这个案例：它小到零基础能在十节课内做完，又完整覆盖需求 → 制作 → 保存 → 排错 → 上线 → 迭代的真实开发循环。学完后同一套方法可以迁移到你自己的需求（生词本、个人主页、内容收藏工具）。

当前进度（如实说明）：教学指南与全部主线教程已完成并验证；这个站已于 2026-09-17 发布到公网（learn.zjy365.dev）。

案例二：这个学习站本身

你现在看的这个网站，就是用第一课教的方法论建起来的真实项目：

• 技术栈：Next.js（React 框架）+ Fumadocs（文档框架）+ MDX 写内容，构建产物是纯静态文件
• 它跑在哪里：learn.zjy365.dev——2026-09-17 起公网可访问，用的就是上线课第 5 步教的流程

这个站点的每一次修改，都是按教程教的流程走的：先写需求、再让 AI 做、预览检查、出错排错。真实项目的成长过程本身就是教材：需求怎么写、出了什么错、怎么修的。想了解站主和他在做的其他产品，看关于本站。

案例三（预告）：你的第一个自己的需求

学完前两个阶段后，作业是把这套方法用在一个你自己的需求上。指南建议的迁移方向：生词本、个人网站、内容阅读工具。完成后的作品就是你自己的第一个真实项目——真实使用者会遇到真实问题，那是第五阶段“上线与迭代”最好的素材。