Appearance
Codex 实战案例
选择你想完成的任务,下载样例,按步骤操作。
第一次使用 Codex?先做下面的个人主页,再选一个小作品继续。在桌面应用里聊天就能开始,代码修复和演示稿脚本可以以后再学。
先做一个看得见的作品
从第一版到手机可用:个人作品页图文实战。复制需求、打开网页、继续聊天修改,配修改前后截图和可下载示例。正文不用命令。
接着做三个小作品
| 图文教程 | 能做出什么 | 会练到的操作 |
|---|---|---|
| 活动邀请页 | 一张带时间、地点和安排的邀请页 | 提供信息、调整位置、点按钮跳到安排 |
| 每日待办清单 | 能添加和勾选的小清单 | 检查按钮、刷新检查保存、下载文字备份 |
| 英语单词卡片 | 能翻答案、切换下一张的卡片 | 提供词表、隐藏答案、检查最后一张和重新开始 |
每篇都有可打开的示例、实际页面截图和下载文件。做出来的样子可以不同,跟着教程检查信息和按钮是否正确。
想继续学代码,再选这些练习
| 案例 | 产物 | 开始条件 |
|---|---|---|
| 购物车负金额修复 | 原始代码、固定测试、修复实现 | Node.js、可用 Codex 登录 |
| 浏览器验收 | 固定页面、截图、问题报告 | 已接入浏览器工具;不含安装教学 |
| Markdown 演示稿 | 输入提纲、转换脚本、HTML 产物 | Node.js;若需要 PPTX 则不适用 |
| 用 Impeccable 检查页面 | 页面问题清单、限定范围的修改与复查 | 已有前端项目与 Codex;按上游安装技能 |
