BUILD WITH AI · 10个学习单元

Vibe Coding应用开发

把一句想法写成需求,让AI协作完成可操作、可测试的小应用。

学完留下什么网站原型、业务工具或轻量应用,以及测试与使用说明

Vibe Coding应用开发教学作品示意
AI生成 · 教学作品示意,非真实学员成果
这门课,解决什么任务

开发一个活动报名与管理工具

用这个案例贯穿十个单元,也可以换成自己的工作任务。

适合谁

学生、产品与运营人员、创业者和技术团队

开始前准备

能管理文件、使用浏览器;需要学习基本HTML与JavaScript。配套代码为本地教学项目,真实账号与服务器开发属于进阶内容。

学习目标与课程范围
  • 定义目标用户、任务和验收方式
  • 协作完成页面、数据与核心操作流程
  • 处理异常输入,整理发布检查与交接材料

围绕本课程案例完成专属成果;通用任务表达与事实核验采用入门课程方法。

所属专题:AI编程与应用开发 · 使用模拟或获授权的资料练习。

开始学习

10个单元,逐步完成作品。

先看对应教程,再用提示词和工具练习,最后核对自己的成果。

查看10个单元目录

中文教程优先 · 原有课程与海外参考均保留

01AI编程方式与工具准备项目目录与环境记录
本节任务

建立本地项目并运行初版

理解AI生成代码与人工核验

01看教程

本节推荐学习

想做报名小工具,却不知道从哪里开始;先跑通初版再核对环境。

原有课程与进阶参考(3)

外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准

02动手练习

完成项目目录与环境记录

填写自己的资料,使用本节提示词,再打开对应工具练习。

开始本节练习 →
查看本单元提示词索引 →
准备资料与操作步骤

从哪里开始

从案例输入开始;先核对设备、账号与资料。

  • 01-案例输入资料.txt
  • 教学补充/接口请求案例.csv
  • 环境版本与项目README

操作顺序

  1. 核对安装和运行命令
  2. 列目录依赖存储方式
  3. 启动后记录实际结果
  4. 区分演示与生产条件
  5. 将本单元的环境记录具体写成:操作系统、运行环境版本、项目依赖、启动步骤、正常结果、错误记录、未安装项。
  6. 对照本单元检查点“不擅读密钥;未运行不说成功”核验成果,保存实际操作或人工检查记录,说明未验证部分。
推荐工具与配套场景
本单元推荐工具

DeepSeek:把本单元资料整理进提示词,先完成文字分析或草稿,再核对。

Notion AI:记录用户需求、边界和完成条件

填写资料、复制提示词并打开工具 →

03检查成果

  • 不擅读密钥
  • 未运行不说成功
常见错误与修正方法

常见偏差:未做到“不擅读密钥”;未做到“未运行不说成功”。先指出原始证据,再修订对应字段或操作。

接着下一步将“项目目录与环境记录”保存为单元1成果,供单元2“需求表达与项目范围”选用;待确认项一并交接。

进入第2单元 · 需求表达与项目范围 →
02需求表达与项目范围需求说明与验收清单
本节任务

写一个活动报名工具需求

用用户任务限制项目范围

01看教程

本节推荐学习

需求越提越多,第一版迟迟做不完;先界定活动报名的最小范围。

原有课程与进阶参考(3)

外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准

02动手练习

完成需求说明与验收清单

填写自己的资料,使用本节提示词,再打开对应工具练习。

开始本节练习 →
查看本单元提示词索引 →
准备资料与操作步骤

从哪里开始

读取单元1的“项目目录与环境记录”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。

  • 01-案例输入资料.txt
  • 教学补充/接口请求案例.csv
  • 用户需求角色与约束

操作顺序

  1. 写具体触发到结果流程
  2. 定必做与暂缓
  3. 列字段权限与失败
  4. 给验收
  5. 将本单元的需求卡具体写成:使用者、实际问题、最小范围、明确不包含项、输入输出、数据权限、验收用例。
  6. 对照本单元检查点“不是泛写功能大全;完成可检查”核验成果,保存实际操作或人工检查记录,说明未验证部分。
推荐工具与配套场景
本单元推荐工具

DeepSeek:把本单元资料整理进提示词,先完成文字分析或草稿,再核对。

v0:根据确认需求制作页面原型

填写资料、复制提示词并打开工具 →

本单元1个工具场景与指令

企业咨询:服务资料整理成官网页面 →
v0 / Cursor

03检查成果

  • 不是泛写功能大全
  • 完成可检查
常见错误与修正方法

常见偏差:未做到“不是泛写功能大全”;未做到“完成可检查”。先指出原始证据,再修订对应字段或操作。

接着下一步将“需求说明与验收清单”保存为单元2成果,供单元3“页面结构与基本交互”选用;待确认项一并交接。

进入第3单元 · 页面结构与基本交互 →
03页面结构与基本交互可操作页面原型
本节任务

搭建列表、表单与结果页

设计页面和操作反馈

01看教程

本节推荐学习

页面看着完整,用户却找不到怎么报名;建立列表、表单和结果页。

原有课程与进阶参考(3)

外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准

02动手练习

完成可操作页面原型

填写自己的资料,使用本节提示词,再打开对应工具练习。

开始本节练习 →
查看本单元提示词索引 →
准备资料与操作步骤

从哪里开始

读取单元2的“需求说明与验收清单”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。

  • 01-案例输入资料.txt
  • 教学补充/接口请求案例.csv
  • 需求流程页面与设备

操作顺序

  1. 按任务画页面关系
  2. 每页列操作与反馈
  3. 设计空状态与回退
  4. 检查手机与键盘
  5. 将本单元的页面结构具体写成:页面与导航、信息层级、按钮交互、空加载错误状态、手机布局、验收动作。
  6. 对照本单元检查点“界面不代替后台能力;主动作明显”核验成果,保存实际操作或人工检查记录,说明未验证部分。
推荐工具与配套场景
本单元推荐工具

DeepSeek:把本单元资料整理进提示词,先完成文字分析或草稿,再核对。

v0:生成界面组件,核对占位和真实业务内容

Figma AI:为客户预约服务绘制三页原型,检查按钮和导航路径。

Bolt:搭建预约页面原型,再检查表单、路由和部署条件。

Lovable:把一份明确需求做成应用原型,核对登录和数据边界。

Uizard:为预约服务制作三页界面草稿,明确主要操作路径。

填写资料、复制提示词并打开工具 →

本单元6个工具场景与指令

企业咨询:服务资料整理成官网页面 →
v0 / Cursor

Figma AI:为客户预约服务绘制三页原型,检查按钮和导航路径 →
Figma AI

Bolt:搭建预约页面原型,再检查表单、路由和部署条件 →
Bolt

v0:生成一个产品展示页面初稿,修改内容并测试手机布局 →
v0

Lovable:把一份明确需求做成应用原型,核对登录和数据边界 →
Lovable

Uizard:为预约服务制作三页界面草稿,明确主要操作路径 →
Uizard

03检查成果

  • 界面不代替后台能力
  • 主动作明显
常见错误与修正方法

常见偏差:未做到“界面不代替后台能力”;未做到“主动作明显”。先指出原始证据,再修订对应字段或操作。

接着下一步将“可操作页面原型”保存为单元3成果,供单元4“数据字段与表单操作”选用;待确认项一并交接。

进入第4单元 · 数据字段与表单操作 →
04数据字段与表单操作字段表与输入校验记录
本节任务

实现示例资料表单

定义字段、校验和保存边界

01看教程

本节推荐学习

表单什么都能填,保存后又丢数据;明确字段与校验规则。

原有课程与进阶参考(3)

外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准

02动手练习

完成字段表与输入校验记录

填写自己的资料,使用本节提示词,再打开对应工具练习。

开始本节练习 →
查看本单元提示词索引 →
准备资料与操作步骤

从哪里开始

读取单元3的“可操作页面原型”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。

  • 01-案例输入资料.txt
  • 教学补充/接口请求案例.csv
  • 字段规则存储与访问角色

操作顺序

  1. 定义类型必填唯一键
  2. 给合法非法样例
  3. 写新增修改查询范围
  4. 列隐私与权限校验
  5. 将本单元的字段表具体写成:字段名类型、必填与校验、权限、读写位置、数据流、异常提示、存储条件。
  6. 对照本单元检查点“客户端校验不当全部权限;浏览器存储如实”核验成果,保存实际操作或人工检查记录,说明未验证部分。
推荐工具与配套场景
本单元推荐工具

DeepSeek:把本单元资料整理进提示词,先完成文字分析或草稿,再核对。

Cursor:修改代码并检查项目运行环境

NocoDB:把产品CSV变成可维护的数据后台

填写资料、复制提示词并打开工具 →

本单元2个工具场景与指令

Cursor:在练习项目修改一个表单,检查差异并测试校验行为 →
Cursor

NocoDB:把产品CSV变成可维护的数据后台 →
NocoDB

03检查成果

  • 客户端校验不当全部权限
  • 浏览器存储如实
常见错误与修正方法

常见偏差:未做到“客户端校验不当全部权限”;未做到“浏览器存储如实”。先指出原始证据,再修订对应字段或操作。

接着下一步将“字段表与输入校验记录”保存为单元4成果,供单元5“完成最小完整流程”选用;待确认项一并交接。

进入第5单元 · 完成最小完整流程 →
05完成最小完整流程最小流程与操作说明
本节任务

完成选择、确认、查看结果

连通一条完整用户旅程

01看教程

本节推荐学习

按钮能点却走不完一次报名;先打通提交到查询的完整流程。

原有课程与进阶参考(3)

外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准

02动手练习

完成最小流程与操作说明

填写自己的资料,使用本节提示词,再打开对应工具练习。

开始本节练习 →
查看本单元提示词索引 →
准备资料与操作步骤

从哪里开始

读取单元4的“字段表与输入校验记录”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。

  • 01-案例输入资料.txt
  • 教学补充/接口请求案例.csv
  • 最小需求和数据规则

操作顺序

  1. 先串完整输入保存查询
  2. 为每步加失败恢复
  3. 测试重复提交
  4. 记录实际能用与待接
  5. 将本单元的最小流程具体写成:最小完整操作、输入、成功输出、失败回退、持久化、受控测试、未实现项。
  6. 对照本单元检查点“按钮可点不等于数据持久;成功必须有保存证据”核验成果,保存实际操作或人工检查记录,说明未验证部分。
推荐工具与配套场景
本单元推荐工具

DeepSeek:把本单元资料整理进提示词,先完成文字分析或草稿,再核对。

Cursor:连接实际接口,未接通时不显示假成功

填写资料、复制提示词并打开工具 →

03检查成果

  • 按钮可点不等于数据持久
  • 成功必须有保存证据
常见错误与修正方法

常见偏差:未做到“按钮可点不等于数据持久”;未做到“成功必须有保存证据”。先指出原始证据,再修订对应字段或操作。

接着下一步将“最小流程与操作说明”保存为单元5成果,供单元6“接口连接与失败处理”选用;待确认项一并交接。

进入第6单元 · 接口连接与失败处理 →
06接口连接与失败处理成功与失败状态演示
本节任务

用模拟响应练习接口处理

识别超时、空结果和失败

01看教程

本节推荐学习

接口有时没反应,不知道成功还是失败;实现明确的请求状态。

原有课程与进阶参考(3)

外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准

02动手练习

完成成功与失败状态演示

填写自己的资料,使用本节提示词,再打开对应工具练习。

开始本节练习 →
查看本单元提示词索引 →
准备资料与操作步骤

从哪里开始

读取单元5的“最小流程与操作说明”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。

  • 01-案例输入资料.txt
  • 教学补充/接口请求案例.csv
  • 接口文档字段与环境

操作顺序

  1. 进入接口练习目录,用node api-server.mjs启动本机9097服务,打开接口页面。
  2. 提交A01+教师,检查POST /api/registrations返回201,再GET读取记录。
  3. 在网络面板核对Content-Type为application/json、请求name/role字段与响应record.id/status字段;不要把HTTP 200/201以外状态当成功。
  4. 检查空姓名、非法角色、重复、非法JSON响应;失败不得保存记录。
  5. 重启同一数据文件后GET,确认持久化;观察网页网络面板的请求、状态与响应。
  6. 解释这是真实本地HTTP接口,不是模型API;使用真实模型需另接服务端适配,密钥不进入浏览器。
推荐工具与配套场景
本单元推荐工具

DeepSeek:把本单元资料整理进提示词,先完成文字分析或草稿,再核对。

Cursor:核对数据写入、读取与错误处理

You.com:给研究原型接入官方搜索接口,核对返回网址与来源日期。

填写资料、复制提示词并打开工具 →

本单元1个工具场景与指令

You.com:给研究原型接入官方搜索接口,核对返回网址与来源日期 →
You.com

03检查成果

  • 不将密钥写前端
  • 未连通不称真实服务
常见错误与修正方法

常见偏差:未做到“不将密钥写前端”;未做到“未连通不称真实服务”。先指出原始证据,再修订对应字段或操作。

接着下一步将“成功与失败状态演示”保存为单元6成果,供单元7“调试测试与人工核验”选用;待确认项一并交接。

进入第7单元 · 调试测试与人工核验 →
07调试测试与人工核验问题记录与回归检查表
本节任务

检查重复提交和非法输入

定位问题并验证修改

01看教程

本节推荐学习

改了一个报错又坏了另一处;留下复现和回归证据。

原有课程与进阶参考(3)

外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准

02动手练习

完成问题记录与回归检查表

填写自己的资料,使用本节提示词,再打开对应工具练习。

开始本节练习 →
查看本单元提示词索引 →
准备资料与操作步骤

从哪里开始

读取单元6的“成功与失败状态演示”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。

  • 01-案例输入资料.txt
  • 教学补充/接口请求案例.csv
  • 复现步骤代码及错误

操作顺序

  1. 先复现并记录预期实际
  2. 定位最小原因
  3. 提出修改与回归
  4. 保留失败样例
  5. 将本单元的调试记录具体写成:复现输入及环境、预期实际结果、错误位置、原因假设、最小修改、回归用例、结果。
  6. 对照本单元检查点“不只消除报错文字;未执行测试不说通过”核验成果,保存实际操作或人工检查记录,说明未验证部分。
推荐工具与配套场景
本单元推荐工具

DeepSeek:把本单元资料整理进提示词,先完成文字分析或草稿,再核对。

Cursor:实现角色权限,测试跨账号访问

GitHub Copilot:为一个小函数补充实现与测试,核对生成代码后采用。

Replit:运行一个学习项目,复现问题并检查AI修改后的结果。

Devin Desktop:在独立练习项目中修改一个页面,检查变更和运行结果。

Tabnine:为一个小函数补充实现,运行测试后再采用。

OpenCode:在隔离项目中修复一个问题,检查代码差异与测试结果。

Cline:先给出小范围修改任务,再人工审核工具操作和代码。

Aider:在练习仓库增加一个功能,查看提交差异并运行测试。

Zed:打开练习项目,借助助手解释代码并完成一项修改。

填写资料、复制提示词并打开工具 →

本单元8个工具场景与指令

GitHub Copilot:为一个小函数补充实现与测试,核对生成代码后采用 →
GitHub Copilot

Replit:运行一个学习项目,复现问题并检查AI修改后的结果 →
Replit

Devin Desktop:在独立练习项目中修改一个页面,检查变更和运行结果 →
Devin Desktop

Tabnine:为一个小函数补充实现,运行测试后再采用 →
Tabnine

OpenCode:在隔离项目中修复一个问题,检查代码差异与测试结果 →
OpenCode

Cline:先给出小范围修改任务,再人工审核工具操作和代码 →
Cline

Aider:在练习仓库增加一个功能,查看提交差异并运行测试 →
Aider

Zed:打开练习项目,借助助手解释代码并完成一项修改 →
Zed

03检查成果

  • 不只消除报错文字
  • 未执行测试不说通过
常见错误与修正方法

常见偏差:未做到“不只消除报错文字”;未做到“未执行测试不说通过”。先指出原始证据,再修订对应字段或操作。

接着下一步将“问题记录与回归检查表”保存为单元7成果,供单元8“移动端与可用性检查”选用;待确认项一并交接。

进入第8单元 · 移动端与可用性检查 →
08移动端与可用性检查响应式页面与可用性记录
本节任务

检查窄屏、焦点和表单标签

适配手机与键盘操作

01看教程

本节推荐学习

电脑能用,手机上按钮和表单挤在一起;检查窄屏与输入体验。

原有课程与进阶参考(3)

外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准

02动手练习

完成响应式页面与可用性记录

填写自己的资料,使用本节提示词,再打开对应工具练习。

开始本节练习 →
查看本单元提示词索引 →
准备资料与操作步骤

从哪里开始

读取单元7的“问题记录与回归检查表”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。

  • 01-案例输入资料.txt
  • 教学补充/接口请求案例.csv
  • 页面实际视图交互与尺寸

操作顺序

  1. 检查390平板电脑布局
  2. 走表单导航和错误
  3. 用键盘验证焦点
  4. 记录问题修复复查
  5. 将本单元的设备检查具体写成:设备视口、键盘与触控、文字图片、导航表单、空错误状态、实际证据、修复。
  6. 对照本单元检查点“无实际页面只给步骤;截图不证明全流程”核验成果,保存实际操作或人工检查记录,说明未验证部分。
推荐工具与配套场景
本单元推荐工具

DeepSeek:把本单元资料整理进提示词,先完成文字分析或草稿,再核对。

Cursor:修复正常、缺资料和失败状态下的问题

填写资料、复制提示词并打开工具 →

03检查成果

  • 无实际页面只给步骤
  • 截图不证明全流程
常见错误与修正方法

常见偏差:未做到“无实际页面只给步骤”;未做到“截图不证明全流程”。先指出原始证据,再修订对应字段或操作。

接着下一步将“响应式页面与可用性记录”保存为单元8成果,供单元9“版本记录与发布准备”选用;待确认项一并交接。

进入第9单元 · 版本记录与发布准备 →
09版本记录与发布准备版本记录与发布清单
本节任务

整理静态发布与回滚步骤

记录版本和上线条件

01看教程

本节推荐学习

改坏了不知道怎么恢复,也不确定能否上线;整理版本和发布条件。

原有课程与进阶参考(3)

外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准

02动手练习

完成版本记录与发布清单

填写自己的资料,使用本节提示词,再打开对应工具练习。

开始本节练习 →
查看本单元提示词索引 →
准备资料与操作步骤

从哪里开始

读取单元8的“响应式页面与可用性记录”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。

  • 01-案例输入资料.txt
  • 教学补充/接口请求案例.csv
  • 版本运行配置与部署目标

操作顺序

  1. 整理环境变量但不写值
  2. 核对持久化与健康
  3. 写发布与回退
  4. 记录实际部署证据
  5. 将本单元的版本说明具体写成:版本号、运行配置不含密钥、部署步骤、健康检查、域名权限待配置、回退、发布证据。
  6. 对照本单元检查点“源码不等于已部署;原服务路径核对”核验成果,保存实际操作或人工检查记录,说明未验证部分。
推荐工具与配套场景
本单元推荐工具

DeepSeek:把本单元资料整理进提示词,先完成文字分析或草稿,再核对。

Cursor:按项目条件配置运行与部署,不声称自动上线

填写资料、复制提示词并打开工具 →

03检查成果

  • 源码不等于已部署
  • 原服务路径核对
常见错误与修正方法

常见偏差:未做到“源码不等于已部署”;未做到“原服务路径核对”。先指出原始证据,再修订对应字段或操作。

接着下一步将“版本记录与发布清单”保存为单元9成果,供单元10“项目演示与迭代复盘”选用;待确认项一并交接。

进入第10单元 · 项目演示与迭代复盘 →
10项目演示与迭代复盘应用作品、说明与迭代计划
本节任务

完成一次任务导向演示

解释应用价值与后续范围

01看教程

本节推荐学习

作品做出来了却讲不清价值;用一次实际任务演示并收集反馈。

原有课程与进阶参考(3)

外部学习资源 · 公开信息核对于 2026-10-05 · 视频及教程按对应操作选用,外部案例不等同于本课案例;账号与播放条件以原平台为准

02动手练习

完成应用作品、说明与迭代计划

填写自己的资料,使用本节提示词,再打开对应工具练习。

开始本节练习 →
查看本单元提示词索引 →
准备资料与操作步骤

从哪里开始

读取单元9的“版本记录与发布清单”,只带入本节所需部分;缺少成果先补齐或使用明确标注的教学参考。

  • 01-案例输入资料.txt
  • 教学补充/接口请求案例.csv
  • 真实项目记录与反馈

操作顺序

  1. 演示完整正常失败流程
  2. 对照范围验收
  3. 把反馈分缺陷和新需求
  4. 按影响排迭代
  5. 将本单元的演示稿具体写成:实际操作演示、实现范围、验收证据、未完成项、反馈、下一版优先级。
  6. 对照本单元检查点“不虚构用户数据;交付状态有证据”核验成果,保存实际操作或人工检查记录,说明未验证部分。
推荐工具与配套场景
本单元推荐工具

DeepSeek:把本单元资料整理进提示词,先完成文字分析或草稿,再核对。

Notion AI:整理代码、使用方法和维护问题

填写资料、复制提示词并打开工具 →

03检查成果

  • 不虚构用户数据
  • 交付状态有证据
常见错误与修正方法

常见偏差:未做到“不虚构用户数据”;未做到“交付状态有证据”。先指出原始证据,再修订对应字段或操作。

接着下一步汇总十个单元成果,检查可打开文件、来源、版本与未完成项。

整理成果,下载配套资料 →

公开教程由原平台提供,账号与播放条件以原平台为准。有光正式授课安排另行确认。

STARTER MATERIALS

把任务带回去,开始练习。

配套案例输入、10个单元任务、成果模板与核验清单。

包内资料与使用说明

版本 2026-10-04 v3 · 教学起步资料,非已开班正式教材。包含模拟案例输入、十个单元任务、成果工作表、空白模板、检查清单与公开参考链接。基础表格为CSV,文档为TXT与Markdown。另含:十份单元演示与核验脚本、单元专属检查项、前后承接说明、补充案例数据;现有参考文件与代码示例另附。 含真实本地HTTP接口、持久化与并发去重测试。

下载Vibe Coding应用开发练习包(ZIP)

使用模拟或获授权的资料,包内数字与记录不代表客户业绩;模型调用与工具费用另行确认。

先看配套材料

查看作品示意与制作过程

教学作品示意,非真实学员成果。点击图片查看大图。

Vibe Coding应用开发:素材准备、制作过程与作品产出
分层练习、成果评价与授课安排
PRACTICE & REVIEW

怎么练,怎样检查。

应用 · 建议每单元教学60分钟,课后练习45分钟。正式课时另行确认。

分层练习

  • 基础:按提供的资料完成核心任务并通过事实核对。
  • 标准:独立完成整套成果,说明修改依据与异常处理。
  • 进阶:换成获授权的岗位资料,比较效果、成本与复用局限。

成果检查标准

  1. 项目可按README启动,无密钥依赖
  2. 必填、非法输入、重复提交有结果
  3. 空列表、失败与恢复可操作
  4. 手机390px无横向溢出,表单标签和键盘焦点可用

十个单元均提交成果;按四项标准各0—2分评价,建议至少6/8分;隐私泄露、虚构关键事实或不可运行的核心代码须修订后复查。这是教学建议,不是认证标准。

教学安排

建议每单元演示15分钟、练习30分钟、检查与答疑15分钟;工程交付另加30分钟调试。作业建议7日内提交,讲师确认实际反馈时间与补交规则。

十四门课程均已配套单元任务、提示词、工具与公开学习资源。外部教程用于辅助练习,完整成果仍需按本课检查清单完成;正式开课安排另行确认。

开课前准备

  • 一台可用电脑,以及课程练习所需的工具账号。
  • 公开、模拟或获授权的任务资料。
  • 预留练习时间,保存问题和每轮修改。

班期、教师和收费待确认;工具订阅与API费用另行核对。