进阶 共 9 课时

gsd-tutorial

开始学习

课程目录

01

第 01 课 | 整体思路与第一幕:起步

从一个想法开始,使用 GSD 创建项目、执行研究,并锁定设计决策。

4 分钟
02

第 02 课 | 第二幕:计算引擎

从写第一个测试开始,完成 tokenization 到 shunting-yard 算法,再处理好浮点精度等各种边界情况。

4 分钟
03

第 03 课 | 第三幕:让用户能按

画出计算器 UI,使用 CSS Grid 和事件委托;再用状态机纯函数处理键盘操作和模式切换。

3 分钟
04

第 04 课 | 第四幕:老年模式

实现最有挑战的老年模式:CSS 变量双主题切换、无障碍 ARIA 标准、以及踩平 CSS 布局溢出的深坑。

5 分钟
05

第 05 课 | 第五幕:历史与响应式

最后的功能完善:实现 localStorage 持久化历史记录面板,以及三断点响应式布局。

3 分钟
06

第 06 课 | 第六幕:收尾

掌握 GSD 的验证方法论(目标回溯与代码审查),并回顾从一句话到 1529 行代码的完整开发旅程。

4 分钟
07

第 07 课 | GSD 问答 20 题(上):基础认知

GSD 是什么?和直接让 AI 写代码有什么不同?解答 7 个关于 GSD 核心理念的基础问题。

6 分钟
08

第 08 课 | GSD 问答 20 题(中):工作流详解

详细拆解各个命令的作用、参数控制以及执行流程。了解如何掌控 /gsd-plan-phase 和 /gsd-execute-phase 的节奏。

5 分钟
09

第 09 课 | GSD 问答 20 题(下):实战技巧与排错

遇到问题如何抢救:回退代码、改善 AI 代码质量、跳过失败步骤、以及在已有旧项目中接入 GSD。

5 分钟