Skip to content

青少年项目营逐页 PPT 正文

使用说明

  • 这份资料适合讲师快速复制到自己的演示文稿中
  • 真正做课件时,可以结合班型、学员基础和学校设备情况做删减

第 1 课 从校园问题里找项目

页码页面功能页面正文建议
第 1 页主题页第 1 课 从校园问题里找项目 / 这一课要做出什么
第 2 页案例页围绕“作业多、容易忘、复习节奏乱”这个真实问题,设计一个给同学用的小项目。
第 3 页目标页能从校园里找到 3 个项目方向;理解“真实问题”比“空想功能”更重要;选出 1 个最值得推进的方向
第 4 页核心知识页好选题通常来自每天会发生、有人真的会用的场景。;项目越贴近学校生活,越容易说清楚。;第一版先服务一个小问题,不追求大而全。
第 5 页素材页校园场景记录:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 校园作业规划助手 的课堂成品
第 8 页作业页写出 3 个候选题目

第 2 课 把用户和场景讲清楚

页码页面功能页面正文建议
第 1 页主题页第 2 课 把用户和场景讲清楚 / 这一课要做出什么
第 2 页案例页把“同学报名”“老师查看”“班委整理”分开,找到第一版最该服务的对象。
第 3 页目标页会写项目对象和使用场景;知道谁是主要用户;能把使用顺序说清楚
第 4 页核心知识页项目不是给所有人用,而是先给一类人用。;使用场景越具体,页面越容易设计。;先说“什么时候打开”,再说“打开后做什么”。
第 5 页素材页用户与场景卡:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 班级活动报名页的用户与场景 的课堂成品
第 8 页作业页补一张用户与场景卡

第 3 课 MVP 与页面树

页码页面功能页面正文建议
第 1 页主题页第 3 课 MVP 与页面树 / 这一课要做出什么
第 2 页案例页把项目拆成封面页、任务页、今日优先页、总结页四个核心页面。
第 3 页目标页理解什么叫最小可展示版本;画出页面树;删掉不必要的页面
第 4 页核心知识页MVP 不是做得差,而是先把最核心的价值做出来。;页面树可以帮你看出哪里重复、哪里太散。;删掉一页无关页面,常常比多做一页更重要。
第 5 页素材页页面树示例:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 作业规划助手页面树 的课堂成品
第 8 页作业页完成项目页面树

第 4 课 用户流程和低保真草图

页码页面功能页面正文建议
第 1 页主题页第 4 课 用户流程和低保真草图 / 这一课要做出什么
第 2 页案例页从“看到通知”到“报名成功”画出完整点击路径和页面区块。
第 3 页目标页会画用户流程;会做低保真草图;知道页面先摆哪些区块
第 4 页核心知识页流程比漂亮更重要。;低保真草图是为了快速调整,不是为了画得精。;先放大区块,再慢慢补细节。
第 5 页素材页流程步骤:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 活动报名页流程草图 的课堂成品
第 8 页作业页画出 3 页草图

第 5 课 Web 项目全景图:前端、数据和后台

页码页面功能页面正文建议
第 1 页主题页第 5 课 Web 项目全景图:前端、数据和后台 / 这一课要做出什么
第 2 页案例页让学生看到“同学借书页”和“老师管理页”为什么会分开。
第 3 页目标页知道网页项目不只是一个页面;理解前端和数据的关系;会判断自己项目属于哪一层级
第 4 页核心知识页前端是用户看到的界面,数据是背后的信息,后台是老师或管理员查看和管理的地方。;第一版项目可以只做前端,但要知道以后还能长出什么。;架构认知是为了更会拆任务,不是为了吓人。
第 5 页素材页角色分层示例:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 班级图书借阅助手全景图 的课堂成品
第 8 页作业页给自己的项目画一张简单全景图

第 6 课 产品规则与验收标准

页码页面功能页面正文建议
第 1 页主题页第 6 课 产品规则与验收标准 / 这一课要做出什么
第 2 页案例页围绕“信息填完、按钮能点、结果页清楚”写出一套小项目验收标准。
第 3 页目标页会写 3 到 5 条验收标准;知道项目规则要提前定;能判断本课完成了没有
第 4 页核心知识页验收标准越早写,越不容易越做越乱。;规则要像给同学解释,不要写成看不懂的话。;完成标准不只是“页面打开了”。
第 5 页素材页验收标准示例:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 报名页验收标准 的课堂成品
第 8 页作业页写出自己项目的 4 条验收标准

第 7 课 项目说明书:把需求整理成启动包

页码页面功能页面正文建议
第 1 页主题页第 7 课 项目说明书:把需求整理成启动包 / 这一课要做出什么
第 2 页案例页把项目一句话、用户、页面树、验收标准、素材清单整成一份完整说明书。
第 3 页目标页完成项目启动包;会整理需求与素材;知道和 Codex 协作前要准备什么
第 4 页核心知识页启动包越清楚,后面和 Codex 协作越顺。;素材和规则最好写在一页里。;项目说明书是给未来的自己和同伴看的。
第 5 页素材页启动包字段:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 项目启动包 的课堂成品
第 8 页作业页完成项目启动包

第 8 课 模块答辩:我的项目准备好了没有

页码页面功能页面正文建议
第 1 页主题页第 8 课 模块答辩:我的项目准备好了没有 / 这一课要做出什么
第 2 页案例页围绕启动包、草图和页面树做一轮说明,让项目真正进入可开发状态。
第 3 页目标页完成模块答辩;讲清项目启动包;根据反馈再收一次范围
第 4 页核心知识页项目答辩不是比谁讲得大,而是比谁讲得清楚。;被同学指出问题,是让项目变稳的机会。;答辩后再改一次,比闷头开做更省力。
第 5 页素材页答辩结构:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 项目启动答辩 的课堂成品
第 8 页作业页根据答辩意见改一次启动包

第 9 课 项目初始化与目录搭建

页码页面功能页面正文建议
第 1 页主题页第 9 课 项目初始化与目录搭建 / 这一课要做出什么
第 2 页案例页把页面、组件和素材目录分好,让项目有一个稳定起点。
第 3 页目标页完成项目初始化;知道页面、组件和素材放哪里;本地跑起第一版
第 4 页核心知识页目录越清楚,后面越不容易乱。;先把首页跑起来,是项目正式启动的标志。;文件命名要让未来的自己看得懂。
第 5 页素材页目录示例:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 项目骨架启动 的课堂成品
第 8 页作业页把项目目录搭好

第 10 课 首页布局与核心信息区

页码页面功能页面正文建议
第 1 页主题页第 10 课 首页布局与核心信息区 / 这一课要做出什么
第 2 页案例页围绕项目目标、主要功能和开始入口做完整首页。
第 3 页目标页完成首页布局;写清首页关键信息;确定主按钮位置
第 4 页核心知识页首页是解释项目的,不是堆所有功能的。;标题、副标题和按钮是首页三件套。;一屏里只能放最重要的信息。
第 5 页素材页首页文案模板:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 项目首页第一版 的课堂成品
第 8 页作业页完成首页

第 11 课 组件拆分与子页面开发

页码页面功能页面正文建议
第 1 页主题页第 11 课 组件拆分与子页面开发 / 这一课要做出什么
第 2 页案例页把卡片、导航和信息区拆开,开始走向真正的多页面项目。
第 3 页目标页完成第一个子页面;拆出 1 到 2 个可复用组件;知道导航如何连接页面
第 4 页核心知识页重复出现的区块最适合拆成组件。;多页面项目更需要统一导航。;每做完一页就跑一遍,最稳。
第 5 页素材页可复用区块清单:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 项目子页面与组件 的课堂成品
第 8 页作业页完成 2 页以上结构

第 12 课 表单、输入框与提交逻辑

页码页面功能页面正文建议
第 1 页主题页第 12 课 表单、输入框与提交逻辑 / 这一课要做出什么
第 2 页案例页让同学或老师能真正填写信息并看到成功反馈。
第 3 页目标页完成一个可用表单;理解用户输入与结果反馈;知道最基本的验证逻辑
第 4 页核心知识页表单越少越好,先保核心字段。;输入错误时要告诉用户哪里有问题。;提交后的结果页一定要清楚。
第 5 页素材页表单字段示例:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 报名或记录表单页 的课堂成品
第 8 页作业页完成表单页

第 13 课 列表、卡片与筛选

页码页面功能页面正文建议
第 1 页主题页第 13 课 列表、卡片与筛选 / 这一课要做出什么
第 2 页案例页通过分类按钮和卡片布局,让项目更像真实工具。
第 3 页目标页完成列表页;增加 1 个筛选或分类功能;让信息区更易读
第 4 页核心知识页列表页最怕一团乱,要先分类。;卡片和筛选会让信息更容易找。;列表里的每一项都要有最关键的信息。
第 5 页素材页列表示例:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 作业、书目或活动列表页 的课堂成品
第 8 页作业页补到 6 条数据

第 14 课 状态切换、进度与本地保存

页码页面功能页面正文建议
第 1 页主题页第 14 课 状态切换、进度与本地保存 / 这一课要做出什么
第 2 页案例页让页面记住今日任务、闯关进度或选择结果。
第 3 页目标页完成一个状态切换功能;给项目加入简单进度或保存能力;理解为什么项目需要记住状态
第 4 页核心知识页状态是项目“活起来”的关键。;本地保存不复杂,但很有用。;状态变化要让用户看得见。
第 5 页素材页状态示例:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 项目进度与保存功能 的课堂成品
第 8 页作业页为项目加一个状态功能

第 15 课 调试、互测与问题单

页码页面功能页面正文建议
第 1 页主题页第 15 课 调试、互测与问题单 / 这一课要做出什么
第 2 页案例页两组互相试玩,用问题单和录屏帮助项目更稳。
第 3 页目标页完成一次组间互测;写出问题单;修掉至少 1 个明显问题
第 4 页核心知识页别人一上手,就能帮你看出哪里不清楚。;问题单要写现象、位置和优先级。;修一个大问题,比乱改十处细节更值。
第 5 页素材页问题单模板:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 项目互测与修复 的课堂成品
第 8 页作业页完成 1 张问题单

第 16 课 模块里程碑:主流程跑通

页码页面功能页面正文建议
第 1 页主题页第 16 课 模块里程碑:主流程跑通 / 这一课要做出什么
第 2 页案例页围绕首页、关键操作页和结果页做一次完整演示,确认项目可继续深化。
第 3 页目标页完成模块里程碑验收;讲清主流程;决定下一模块学科深化的方向
第 4 页核心知识页里程碑不是做很多,而是主流程完整。;能讲清用户怎么从第一页走到最后一页,项目就更稳。;下一模块要从已有项目里找最值得深化的学科方向。
第 5 页素材页主流程检查:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 项目主流程验收 的课堂成品
第 8 页作业页整理项目当前版本

第 17 课 语文项目:阅读陪练站

页码页面功能页面正文建议
第 1 页主题页第 17 课 语文项目:阅读陪练站 / 这一课要做出什么
第 2 页案例页左侧阅读材料,右侧问题卡与批注区,结尾还有一张表达练习卡。
第 3 页目标页完成语文阅读项目主页面;把文章和问题对应起来;加入作文或表达延伸
第 4 页核心知识页阅读项目要让学生知道先看哪里、再想什么。;问题和文章段落要真正对应。;延伸表达能让项目更完整。
第 5 页素材页阅读理解材料:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 语文阅读陪练站 的课堂成品
第 8 页作业页补一篇自己课本里的阅读材料

第 18 课 语文项目:作文素材与开头句库

页码页面功能页面正文建议
第 1 页主题页第 18 课 语文项目:作文素材与开头句库 / 这一课要做出什么
第 2 页案例页做成“主题 - 素材 - 开头句 - 细节词”四层结构,方便课堂快速使用。
第 3 页目标页完成作文素材库项目;会按主题做分类;加入开头句或角度提示
第 4 页核心知识页作文项目要帮同学快速进入状态。;分类清楚,比素材很多更重要。;开头句、角度和细节可以分开呈现。
第 5 页素材页作文素材示例:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 作文素材与开头句库 的课堂成品
第 8 页作业页补 2 个作文主题

第 19 课 数学项目:函数实验室

页码页面功能页面正文建议
第 1 页主题页第 19 课 数学项目:函数实验室 / 这一课要做出什么
第 2 页案例页用参数、图像和提问卡,让同学边看边猜边验证。
第 3 页目标页完成函数实验室主页面;让参数变化可视化;把提问写进页面
第 4 页核心知识页函数项目的关键是把“变化”做出来。;参数和图像要同步。;项目里最好带着“猜一猜”的提问。
第 5 页素材页函数项目素材:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 二次函数实验室 的课堂成品
第 8 页作业页补 2 道课堂追问

第 20 课 数学项目:几何证明与图形观察台

页码页面功能页面正文建议
第 1 页主题页第 20 课 数学项目:几何证明与图形观察台 / 这一课要做出什么
第 2 页案例页按步骤显示图形和提示,让几何推理更清楚。
第 3 页目标页完成几何观察台;会把证明步骤分段;让图形和文字说明配合起来
第 4 页核心知识页几何项目最怕一步到位,分步更适合课堂。;辅助线和解释要对应。;让学生先观察,再揭晓答案更有探究感。
第 5 页素材页数学几何素材:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 几何证明观察台 的课堂成品
第 8 页作业页加入至少 3 个步骤

第 21 课 英语项目:情景对话训练站

页码页面功能页面正文建议
第 1 页主题页第 21 课 英语项目:情景对话训练站 / 这一课要做出什么
第 2 页案例页让学生在一个页面里看到角色、听到表达、跟着练句型。
第 3 页目标页完成英语对话训练站;让角色和句型配合起来;加入练习或跟读提示
第 4 页核心知识页有情景,英语页面才容易用。;角色、词汇和句型最好同时出现。;跟读提示要像老师课堂上的真实提示。
第 5 页素材页英语对话素材:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 校园问路训练站 的课堂成品
第 8 页作业页改成另一个校园情景

第 22 课 英语项目:语法闯关站

页码页面功能页面正文建议
第 1 页主题页第 22 课 英语项目:语法闯关站 / 这一课要做出什么
第 2 页案例页把题目、规则卡和错题讲解放在同一个项目里。
第 3 页目标页完成语法闯关站;把规则说明写清楚;让错题反馈更有用
第 4 页核心知识页错题反馈要告诉同学为什么错。;语法规则可以拆成小卡片。;关卡不要太长,先小而顺。
第 5 页素材页英语语法素材:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 一般现在时闯关站 的课堂成品
第 8 页作业页扩充到 8 题

第 23 课 物理项目:实验记录与现象解释台

页码页面功能页面正文建议
第 1 页主题页第 23 课 物理项目:实验记录与现象解释台 / 这一课要做出什么
第 2 页案例页把实验步骤、观察记录和概念解释放到一个项目里,方便课堂演示和学生回顾。
第 3 页目标页完成物理项目主页面;把现象、步骤和解释对应起来;让项目更适合课堂讲解
第 4 页核心知识页物理项目要让学生看到“先发生什么,再发生什么”。;观察记录能让页面更像真实实验工具。;解释尽量贴近学生语言。
第 5 页素材页物理素材:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 物理实验记录台 的课堂成品
第 8 页作业页换成另一个物理现象

第 24 课 化学项目:方程式竞技场

页码页面功能页面正文建议
第 1 页主题页第 24 课 化学项目:方程式竞技场 / 这一课要做出什么
第 2 页案例页元素卡片、方程式练习和即时反馈组成完整训练站。
第 3 页目标页完成化学训练项目;把元素和方程式配合起来;让练习更有节奏感
第 4 页核心知识页化学项目的节奏来自“看卡片 - 做练习 - 看反馈”。;训练站要先保正确率,再追求花哨。;知识点和练习最好互相呼应。
第 5 页素材页化学素材:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 化学方程式竞技场 的课堂成品
第 8 页作业页补 2 张元素卡

第 25 课 项目增强:数据、题库或 AI 能力

页码页面功能页面正文建议
第 1 页主题页第 25 课 项目增强:数据、题库或 AI 能力 / 这一课要做出什么
第 2 页案例页围绕已有项目加一个最值得的增强功能。
第 3 页目标页选定一个增强点;理解增强点为什么有价值;完成增强第一版
第 4 页核心知识页增强点只选一个,项目更稳。;增强点必须服务项目主流程。;第一版先做可演示,再做精细化。
第 5 页素材页增强点清单:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 项目增强版 的课堂成品
第 8 页作业页完成增强第一版

第 26 课 老师模式或管理页雏形

页码页面功能页面正文建议
第 1 页主题页第 26 课 老师模式或管理页雏形 / 这一课要做出什么
第 2 页案例页让项目从单一页面升级为双角色视角。
第 3 页目标页理解双角色页面;完成老师模式或管理页雏形;让项目更像真实产品
第 4 页核心知识页角色不同,页面目标也不同。;老师模式可以很简单,先做查看和确认。;这一课的价值是建立产品完整度。
第 5 页素材页老师模式示例:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 老师模式页 的课堂成品
第 8 页作业页做出老师模式雏形

第 27 课 用户反馈与第二轮迭代

页码页面功能页面正文建议
第 1 页主题页第 27 课 用户反馈与第二轮迭代 / 这一课要做出什么
第 2 页案例页通过试玩和反馈单,推动项目进入第二轮优化。
第 3 页目标页收集 3 条真实反馈;划分修改优先级;完成第二轮迭代
第 4 页核心知识页反馈要具体,才改得动。;不是所有建议都必须立刻做。;版本迭代是项目成熟的重要一步。
第 5 页素材页反馈单模板:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 用户反馈与迭代 的课堂成品
第 8 页作业页收 3 条反馈

第 28 课 发布项目,让别人真的能打开

页码页面功能页面正文建议
第 1 页主题页第 28 课 发布项目,让别人真的能打开 / 这一课要做出什么
第 2 页案例页把作品变成别人可以直接访问的链接。
第 3 页目标页完成一次发布;知道发布前要检查什么;拿到可访问的项目链接
第 4 页核心知识页发布是项目正式面向别人看的开始。;发布前的检查和发布后的一眼体验同样重要。;链接要方便同学和老师打开。
第 5 页素材页发布前检查:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 项目公开演示链接 的课堂成品
第 8 页作业页完成发布

第 29 课 数据安全、版权与公开展示边界

页码页面功能页面正文建议
第 1 页主题页第 29 课 数据安全、版权与公开展示边界 / 这一课要做出什么
第 2 页案例页在结营前做一次安全和版权自查。
第 3 页目标页知道展示前要清理哪些信息;理解图片和素材的使用边界;学会用演示数据代替真实数据
第 4 页核心知识页公开展示和课堂内部使用的边界不一样。;素材来源要尽量明确。;用演示数据是最稳的做法。
第 5 页素材页边界提醒:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 项目展示边界检查 的课堂成品
第 8 页作业页做一次展示版自查

第 30 课 作品说明、海报与作品集页

页码页面功能页面正文建议
第 1 页主题页第 30 课 作品说明、海报与作品集页 / 这一课要做出什么
第 2 页案例页把项目价值、截图、过程和链接整理成作品集页面。
第 3 页目标页完成作品说明页;做出封面或海报;知道如何展示过程和成果
第 4 页核心知识页作品说明页要帮助别人快速看懂。;封面图和一句话介绍非常重要。;过程截图也值得展示。
第 5 页素材页作品说明模板:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 作品集页 的课堂成品
第 8 页作业页完成作品说明页

第 31 课 路演彩排与现场讲述

页码页面功能页面正文建议
第 1 页主题页第 31 课 路演彩排与现场讲述 / 这一课要做出什么
第 2 页案例页围绕项目链接、作品集页和讲稿做完整彩排。
第 3 页目标页完成 3 到 5 分钟彩排;讲清项目目标和亮点;修正展示卡点
第 4 页核心知识页路演要先讲目标,再讲亮点,再讲怎么做出来。;展示顺序要和页面顺序一致。;彩排中发现的问题最好当天改掉。
第 5 页素材页路演结构:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 项目路演彩排 的课堂成品
第 8 页作业页按彩排意见改一次

第 32 课 结营路演与作品集归档

页码页面功能页面正文建议
第 1 页主题页第 32 课 结营路演与作品集归档 / 这一课要做出什么
第 2 页案例页通过公开展示和作品归档,让项目营成果真正留下来。
第 3 页目标页完成结营路演;把作品归档进个人作品集;形成下一步学习计划
第 4 页核心知识页结营时,学生要真正看见自己做成了什么。;作品留档很重要,它会成为下一步学习的起点。;复盘能帮助项目真正沉淀下来。
第 5 页素材页结营归档清单:取本课素材重点展示
第 6 页提示词页直接复制给 Codex 的第一版提示词
第 7 页实操页课堂中要完成:完成 项目营结营作品展 的课堂成品
第 8 页作业页把作品归档进个人文件夹