第一单元 点赞墙产品
第1课 产品边界：从游戏到点赞墙
上册练完「从创意到游戏」。下册承接同一套五步，系统学结构、对接与发布——作品换成「我为你点赞」墙。
上册你已会把创意做成能玩的游戏；下册要把作品做成「能交给全班用」的点赞墙。
主线只有三步，却很燃：定向发出→管理员审核→对方看见。
你仍是司机；这次方向盘是「谁能看见这句赞」。
一、这一课怎么学
- 开始前你要会：会打开浏览器，会打字。
- 怎样算做完：完成「轮到你做」，并在嵌入工具里留下可预览文件。
- 建议：先读「弄懂这件事」，再做练习。
二、学完你能做到
- 能说出进阶与入门的差别。
- 能用一句话说明点赞墙主流程。
- 能列出本课仍守的红线。
三、弄懂这件事
这一课就这几小步：
1．承接什么
上册你已会：五步、自己点验、一次改一处，以及全部前端基础（HTML/CSS/JS、事件、循环、F12、分版）。
本册不再回炉讲前端入门；要把作品做成「能交给全班用」的点赞墙。
本册重点：多人数据、接口/表、审核与发布——不是再做五款新游戏。
2．新产品
新产品的主线很清楚：定向发出→待审核→管理员通过→对方在「我收到的」里看见。
你仍是司机；这次方向盘是「谁能看见这句赞」。
三角色都走通，墙才像班级产品，而不只是一个人的记事本。
3．边界
边界要守住：尊重隐私、不欺骗、不交同学隐私和密码。
教室里用本机预览加基建即可，不要假装已经买了云或域名。
诚实说明用了什么环境，比夸大更加分。
点一点就明白
点下面的按钮，看屏幕上发生了什么。
四、先跟着做
对照例子想清楚
用自己的话重述本课成功标准。
做对了会怎样你写出来的标准，别人打开页面点几下就能核对是不是做到了，而不是只有形容词。
指出哪一步必须自己点，不能听 AI 口头说完成。
做对了会怎样你明确写出：必须自己打开页面点一遍；AI 口头说「完成了」不能算数。
五、轮到你做
进阶承接卡
写三句：入门我会____；进阶要新学____；点赞主流程是____。
做对了会怎样第一空有小游戏/纯前端；第二空有表或接口；第三空有审核（或定向→审核→可见）。
做不出来怎么办三空可填：做单机小游戏；表、接口、审核；定向提交→审核→可见。
写两件「本课仍不做」。
做对了会怎样不能做的例子里出现公开刷赞或钓鱼一类红线。
做不出来怎么办范围写成：不做全班私信，只做定向点赞墙。
写合格产品说明一句。
做对了会怎样说明里同时写到定向发送和审核。
做不出来怎么办对照封面或本课「记一句」改写，别凭空编。
用下面嵌着的氛围编程工具。写完在工具里看预览，文件是
show/l01.html。做对了会怎样在嵌着的工具预览里，你能亲眼看见本课要求的按钮、分数或流程文字，而不是只有说明。
做不出来怎么办先在预览里自己点一遍；文件名必须和例子上写的完全一样，改完再刷新预览。
本节例子
下面整段是给 AI 的提示词示例：写清目标、范围和怎样算做成；请整段使用，不要只丢半句。工具嵌在下方。本课文件是 show/l01.html。
做单个 HTML，标题「进阶承接」。说明页，不要真提交逻辑。 先写三句完整话：入门课我会什么；进阶课要新学什么；点赞墙主流程是什么（必须出现「审核」）。 再做三栏展开：入门已会；进阶新学；点赞主流程（定向发出 → 审核 → 可见）。 页底写：需先完成氛围编程入门。适合投影。
正在打开氛围编程工具…若长时间空白请强制刷新。
六、小心这些错
把入门课的 HTML 语法课再讲一遍。
一上来就买云服务器。
七、带走这几句
- 进阶课抓两件事：多人相关的数据，以及能发布给别人用。
- 点赞墙主流程记住三个动词：提交、审核、可见。
八、打勾再往下
- 我能说出主流程。
- 我知道不重讲入门语法。
小测验
对照上面「学完你能做到」选一个答案，再点「检查」。
进阶相对入门新增的核心是？
点赞主流程含？
本课默认？