Cursor:从项目规划到修复与代码测试 ↗
跟随项目创建与运行示范,先运行报名工具初版,再记录本地目录、依赖和人工核验结果。
去B站看教程 ↗用这个案例贯穿十个单元,也可以换成自己的工作任务。
学生、产品与运营人员、创业者和技术团队
能管理文件、使用浏览器;需要学习基本HTML与JavaScript。配套代码为本地教学项目,真实账号与服务器开发属于进阶内容。
围绕本课程案例完成专属成果;通用任务表达与事实核验采用入门课程方法。
所属专题:AI编程与应用开发 · 使用模拟或获授权的资料练习。
先看对应教程,再用提示词和工具练习,最后核对自己的成果。
中文教程优先 · 原有课程与海外参考均保留
建立本地项目并运行初版
理解AI生成代码与人工核验
想做报名小工具,却不知道从哪里开始;先跑通初版再核对环境。
跟随项目创建与运行示范,先运行报名工具初版,再记录本地目录、依赖和人工核验结果。
去B站看教程 ↗按安装启用步骤准备国内编程助手,记录编辑器版本与账号条件,再打开报名项目验证环境。
前往学习 ↗按工作坊报名示例启动项目,检查预览能否打开。
前往学习 ↗补查开发环境和依赖,记录自己的版本与运行步骤。
前往学习 ↗用“具体要求、检查结果、分步修改”的方法控制第一次开发。
前往学习 ↗外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准
从案例输入开始;先核对设备、账号与资料。
常见偏差:未做到“不擅读密钥”;未做到“未运行不说成功”。先指出原始证据,再修订对应字段或操作。
接着下一步将“项目目录与环境记录”保存为单元1成果,供单元2“需求表达与项目范围”选用;待确认项一并交接。
进入第2单元 · 需求表达与项目范围 →写一个活动报名工具需求
用用户任务限制项目范围
需求越提越多,第一版迟迟做不完;先界定活动报名的最小范围。
学习从项目需求生成提示词、设计文档和原型说明,将报名工具限定为可验收的小范围。
去B站看教程 ↗阅读项目规则的创建方式,把报名字段、禁止虚构事实与验收条件写进当前项目约束。
前往学习 ↗先让 Agent 列步骤与待确认项,暂缓支付、复杂权限等扩展。
前往学习 ↗把使用者、核心动作和验证条件写进原型需求。
前往学习 ↗把输入、输出和限制写清,形成可检查的开发提示词。
前往学习 ↗外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准
读取单元1的“项目目录与环境记录”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。
DeepSeek:把本单元资料整理进提示词,先完成文字分析或草稿,再核对。
v0:根据确认需求制作页面原型
企业咨询:服务资料整理成官网页面 →
v0 / Cursor
常见偏差:未做到“不是泛写功能大全”;未做到“完成可检查”。先指出原始证据,再修订对应字段或操作。
接着下一步将“需求说明与验收清单”保存为单元2成果,供单元3“页面结构与基本交互”选用;待确认项一并交接。
进入第3单元 · 页面结构与基本交互 →搭建列表、表单与结果页
设计页面和操作反馈
页面看着完整,用户却找不到怎么报名;建立列表、表单和结果页。
定位选集009列表渲染、011事件处理和012表单数据自动收集,搭建报名列表与操作反馈。
去B站看教程 ↗学习工具面板的浏览器预览和选择元素修改步骤,对列表、表单与结果页逐个提出修改意见。
前往学习 ↗参考联系人表单结构,把字段改为活动报名资料。
前往学习 ↗考虑操作反馈和用户预期,补齐等待、失败与确认状态。
前往学习 ↗参考浏览列表到提交报名的页面流程,逐步测试导航。
前往学习 ↗外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准
读取单元2的“需求说明与验收清单”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。
DeepSeek:把本单元资料整理进提示词,先完成文字分析或草稿,再核对。
v0:生成界面组件,核对占位和真实业务内容
Figma AI:为客户预约服务绘制三页原型,检查按钮和导航路径。
Bolt:搭建预约页面原型,再检查表单、路由和部署条件。
Lovable:把一份明确需求做成应用原型,核对登录和数据边界。
Uizard:为预约服务制作三页界面草稿,明确主要操作路径。
企业咨询:服务资料整理成官网页面 →
v0 / Cursor
Figma AI:为客户预约服务绘制三页原型,检查按钮和导航路径 →
Figma AI
Bolt:搭建预约页面原型,再检查表单、路由和部署条件 →
Bolt
v0:生成一个产品展示页面初稿,修改内容并测试手机布局 →
v0
常见偏差:未做到“界面不代替后台能力”;未做到“主动作明显”。先指出原始证据,再修订对应字段或操作。
接着下一步将“可操作页面原型”保存为单元3成果,供单元4“数据字段与表单操作”选用;待确认项一并交接。
进入第4单元 · 数据字段与表单操作 →实现示例资料表单
定义字段、校验和保存边界
表单什么都能填,保存后又丢数据;明确字段与校验规则。
定位选集012表单数据自动收集和681至683表单验证,定义报名字段并练习非法输入提示。
去B站看教程 ↗阅读name字段、提交事件与数据结构示例,检查每个报名字段能否被正确收集;框架语法按本项目转换。
前往学习 ↗给必填、格式和非法输入分别设计提示,保留测试样例。
前往学习 ↗为报名记录建立持久化存储,再做刷新与重启核验。
前往学习 ↗核对标签、控件类型和提交地址,完成字段表。
前往学习 ↗外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准
读取单元3的“可操作页面原型”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。
常见偏差:未做到“客户端校验不当全部权限”;未做到“浏览器存储如实”。先指出原始证据,再修订对应字段或操作。
接着下一步将“字段表与输入校验记录”保存为单元4成果,供单元5“完成最小完整流程”选用;待确认项一并交接。
进入第5单元 · 完成最小完整流程 →完成选择、确认、查看结果
连通一条完整用户旅程
按钮能点却走不完一次报名;先打通提交到查询的完整流程。
定位图书管理的渲染列表、新增、编辑回显及保存修改章节,迁移为选择活动到查看报名结果的闭环。
去B站看教程 ↗按网页自动测试操作步骤描述报名用户旅程,依次检查选择、提交和结果页,保存实际运行证据。
前往学习 ↗检查保存、读取与刷新后的记录,补上真实数据流程。
前往学习 ↗按用户视角逐步操作报名和查看结果,找断点。
前往学习 ↗在完整流程中补测空值、非法格式和纠错后重提。
前往学习 ↗外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准
读取单元4的“字段表与输入校验记录”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。
常见偏差:未做到“按钮可点不等于数据持久”;未做到“成功必须有保存证据”。先指出原始证据,再修订对应字段或操作。
接着下一步将“最小流程与操作说明”保存为单元5成果,供单元6“接口连接与失败处理”选用;待确认项一并交接。
进入第6单元 · 接口连接与失败处理 →用模拟响应练习接口处理
识别超时、空结果和失败
接口有时没反应,不知道成功还是失败;实现明确的请求状态。
定位AJAX-Day01-06 axios错误处理和响应报文章节,演示报名请求成功、空数据和失败时的提示。
去B站看教程 ↗阅读成功回调、失败回调和Promise异常示例,将模拟请求拆成成功与失败分支并人工核对状态。
前往学习 ↗重点看请求、响应状态、JSON处理和错误捕获。
前往学习 ↗参考接入外部服务的过程,把授权与调用放在合适位置。
前往学习 ↗核对密钥和服务端边界,避免把接口凭据写进页面。
前往学习 ↗外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准
读取单元5的“最小流程与操作说明”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。
常见偏差:未做到“不将密钥写前端”;未做到“未连通不称真实服务”。先指出原始证据,再修订对应字段或操作。
接着下一步将“成功与失败状态演示”保存为单元6成果,供单元7“调试测试与人工核验”选用;待确认项一并交接。
进入第7单元 · 调试测试与人工核验 →检查重复提交和非法输入
定位问题并验证修改
改了一个报错又坏了另一处;留下复现和回归证据。
学习修复Bug与审查测试代码的示范,将重复提交和非法输入写成可复现案例,再检查修复结果。
去B站看教程 ↗阅读运行时调试的复现、分析、修复与验证流程,保存报名问题的证据并补上人工回归检查。
前往学习 ↗使用控制台与网络面板记录请求、报错和实际响应。
前往学习 ↗每次只修改一处症状,并重新走受影响的操作。
前往学习 ↗将空字段、格式错误等样例加入回归检查表。
前往学习 ↗外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准
读取单元6的“成功与失败状态演示”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。
DeepSeek:把本单元资料整理进提示词,先完成文字分析或草稿,再核对。
Cursor:实现角色权限,测试跨账号访问
GitHub Copilot:为一个小函数补充实现与测试,核对生成代码后采用。
Replit:运行一个学习项目,复现问题并检查AI修改后的结果。
Devin Desktop:在独立练习项目中修改一个页面,检查变更和运行结果。
Tabnine:为一个小函数补充实现,运行测试后再采用。
OpenCode:在隔离项目中修复一个问题,检查代码差异与测试结果。
Cline:先给出小范围修改任务,再人工审核工具操作和代码。
Aider:在练习仓库增加一个功能,查看提交差异并运行测试。
Zed:打开练习项目,借助助手解释代码并完成一项修改。
GitHub Copilot:为一个小函数补充实现与测试,核对生成代码后采用 →
GitHub Copilot
Replit:运行一个学习项目,复现问题并检查AI修改后的结果 →
Replit
Devin Desktop:在独立练习项目中修改一个页面,检查变更和运行结果 →
Devin Desktop
Tabnine:为一个小函数补充实现,运行测试后再采用 →
Tabnine
OpenCode:在隔离项目中修复一个问题,检查代码差异与测试结果 →
OpenCode
Cline:先给出小范围修改任务,再人工审核工具操作和代码 →
Cline
常见偏差:未做到“不只消除报错文字”;未做到“未执行测试不说通过”。先指出原始证据,再修订对应字段或操作。
接着下一步将“问题记录与回归检查表”保存为单元7成果,供单元8“移动端与可用性检查”选用;待确认项一并交接。
进入第8单元 · 移动端与可用性检查 →检查窄屏、焦点和表单标签
适配手机与键盘操作
电脑能用,手机上按钮和表单挤在一起;检查窄屏与输入体验。
在选集中定位165响应式、168媒体查询和174手机预览章节,检查报名页面在窄屏下的操作。
去B站看教程 ↗学习屏宽变化与媒体查询适配思路,用于修正报名页窄屏布局;键盘焦点及表单标签需另做人工核验。
前往学习 ↗调整断点、弹性布局和媒体查询,检查页面溢出。
前往学习 ↗核对表单标签与控件布局,并用键盘完成输入。
前往学习 ↗若使用 Replit 移动应用路线,补看真机预览步骤;网页仍须浏览器核验。
前往学习 ↗外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准
读取单元7的“问题记录与回归检查表”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。
常见偏差:未做到“无实际页面只给步骤”;未做到“截图不证明全流程”。先指出原始证据,再修订对应字段或操作。
接着下一步将“响应式页面与可用性记录”保存为单元8成果,供单元9“版本记录与发布准备”选用;待确认项一并交接。
进入第9单元 · 版本记录与发布准备 →整理静态发布与回滚步骤
记录版本和上线条件
改坏了不知道怎么恢复,也不确定能否上线;整理版本和发布条件。
按视频简介时间章节01:34版本控制、14:44建立分支与23:39处理冲突,记录报名项目改动与恢复方案。
去B站看教程 ↗阅读提交信息生成实践,给报名项目写清版本修改理由;静态发布条件和回滚步骤仍须按实际环境验证。
前往学习 ↗保存检查点并练习查看差异、恢复历史。
前往学习 ↗区分预览与正式发布,按发布步骤核对线上地址。
前往学习 ↗发布前检查权限、密钥、数据存储等条件。
前往学习 ↗外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准
读取单元8的“响应式页面与可用性记录”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。
常见偏差:未做到“源码不等于已部署”;未做到“原服务路径核对”。先指出原始证据,再修订对应字段或操作。
接着下一步将“版本记录与发布清单”保存为单元9成果,供单元10“项目演示与迭代复盘”选用;待确认项一并交接。
进入第10单元 · 项目演示与迭代复盘 →完成一次任务导向演示
解释应用价值与后续范围
作品做出来了却讲不清价值;用一次实际任务演示并收集反馈。
学习把需求、设计与原型说明整理成可汇报材料,围绕一次真实报名任务展示成果和未完成范围。
去B站看教程 ↗阅读项目复盘与资料归档章节,把报名工具的使用反馈、目标差异和问题证据变成下一轮迭代任务。
前往学习 ↗建立反馈入口,收集用户遇到的问题。
前往学习 ↗用原定验证问题比较初版效果,决定下一轮做什么。
前往学习 ↗补看评估和迭代环节,整理应用说明与维护计划。
前往学习 ↗外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准
读取单元9的“版本记录与发布清单”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。
常见偏差:未做到“不虚构用户数据”;未做到“交付状态有证据”。先指出原始证据,再修订对应字段或操作。
接着下一步汇总十个单元成果,检查可打开文件、来源、版本与未完成项。
整理成果,下载配套资料 →公开教程由原平台提供,账号与播放条件以原平台为准。有光正式授课安排另行确认。
配套案例输入、10个单元任务、成果模板与核验清单。
版本 2026-10-04 v3 · 教学起步资料,非已开班正式教材。包含模拟案例输入、十个单元任务、成果工作表、空白模板、检查清单与公开参考链接。基础表格为CSV,文档为TXT与Markdown。另含:十份单元演示与核验脚本、单元专属检查项、前后承接说明、补充案例数据;现有参考文件与代码示例另附。 含真实本地HTTP接口、持久化与并发去重测试。
使用模拟或获授权的资料,包内数字与记录不代表客户业绩;模型调用与工具费用另行确认。
应用 · 建议每单元教学60分钟,课后练习45分钟。正式课时另行确认。
十个单元均提交成果;按四项标准各0—2分评价,建议至少6/8分;隐私泄露、虚构关键事实或不可运行的核心代码须修订后复查。这是教学建议,不是认证标准。
建议每单元演示15分钟、练习30分钟、检查与答疑15分钟;工程交付另加30分钟调试。作业建议7日内提交,讲师确认实际反馈时间与补交规则。
十四门课程均已配套单元任务、提示词、工具与公开学习资源。外部教程用于辅助练习,完整成果仍需按本课检查清单完成;正式开课安排另行确认。
班期、教师和收费待确认;工具订阅与API费用另行核对。