> For the complete documentation index, see [llms.txt](https://jimmylv.gitbook.io/tdd-frontend/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-fizzbuzz.md).

# 第一题：FizzBuzz 数字游戏

## 副本简介

FizzBuzz 是一个非常简单的数字游戏题，开发一个“神奇”的计算器。通过对简单题目的多次练习，帮助你逐渐养成正确的开发习惯，形成刻意练习的节奏。

![计算器](/files/-M0CKuJgnmFo5PYKC-9I)

{% embed url="<https://tdd-fizzbuzz.jimmylv.now.sh>" %}
FizzBuzz 计算器
{% endembed %}

## 副本挑战

1. 掌握 TDD 测试驱动开发基本节奏
2. 至少练习 3 遍 FizzBuzz 题目
3. 能在 10 分钟内完成 FizzBuzz 题目

## 时长限制

**4 小时**

## 副本奖励

1. 熟悉 IDE 的快捷键操作
2. 使用 Jest 编写单元测试
3. 编写失败的测试，驱动出产品代码
4. 充分利用代码生成 (live template)
5. 刻意练习的节奏

## BOSS 掉落

1. [Jest Cheat Sheet.pdf](/tdd-frontend/coding/00-project-fizzbuzz.md)
2. [《Kent Beck 测试驱动开发》电子书](/tdd-frontend/coding/00-project-fizzbuzz.md)
3. [WebStorm 快捷键大全.pdf](/tdd-frontend/coding/00-project-fizzbuzz.md)
4. [VSCode 快捷键大全.pdf](/tdd-frontend/coding/00-project-fizzbuzz.md)