♻️
前端 TDD（测试驱动开发）
  • README
  • 总-课程目标
  • 总-课程安排
  • Coding
    • 第一题：FizzBuzz 数字游戏
      • 什么是 FizzBuzz？
      • 任务 0：练功前的热身
      • FizzBuzz 项目剖析
      • 任务 1：TDD 初体验
      • 任务 2：先利其器
      • 任务 3：再撸一遍
      • FizzBuzz 项目总结
      • 附录 1：Jest 测试基础及要点
      • 附录 2：Testing Library 组件测试基础
    • 第二题：MarsRover 火星车
      • 任务 1：Tasking 任务分解
      • 火星车实战
      • 火星车 Tasking 任务分解
      • 任务 2：MarsRover 实战演练
      • MarsRover Coding 演示
      • 任务 3：MarsRover 练习
      • MarsRover 项目总结
    • 第三题：CommentBox 留言板
      • CommentBox 项目剖析
      • 任务 1：Cypress E2E 测试
      • 任务 2：测试驱动组件单元接口
      • 任务 3：组件级别的快速反馈
      • 任务 4：由外到内的前端 TDD
      • CommentBox 项目总结
    • 第四题：Bookshelf 魔法书架
      • Bookshelf 项目剖析
      • 任务 1：练习 API 契约测试
      • 任务 2：组件化与数据流管理
      • 任务 3：Redux 数据流测试
      • 任务 4：简化 Redux 项目结构
      • Bookshelf 项目总结
      • 附录 1：什么才是真正的 RESTful 架构？
      • 附录 2：【译】Redux 和 命令模式
      • 附录 3：【译】什么是 Flux 架构？（兼谈 DDD 和 CQRS）
    • 第五题：ShoppingCart 购物车
      • ShoppingCart 项目剖析
      • React 哲学：Thinking in React
      • 任务 1：任务分解 - 驱动组件树拆分
      • 任务 2：综合应用 - 驱动组件接口设计
      • 任务 3：综合应用 - 驱动数据流管理
      • 任务 4：综合应用 - 驱动组件样式开发
      • ShoppingCart 项目总结
由 GitBook 提供支持
在本页
  • 副本简介
  • 副本挑战
  • 时长限制
  • 副本奖励
  • BOSS 掉落
  1. Coding

第一题：FizzBuzz 数字游戏

上一页总-课程安排下一页什么是 FizzBuzz？

最后更新于5年前

副本简介

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

副本挑战

  1. 掌握 TDD 测试驱动开发基本节奏

  2. 至少练习 3 遍 FizzBuzz 题目

  3. 能在 10 分钟内完成 FizzBuzz 题目

时长限制

4 小时

副本奖励

  1. 熟悉 IDE 的快捷键操作

  2. 使用 Jest 编写单元测试

  3. 编写失败的测试，驱动出产品代码

  4. 充分利用代码生成 (live template)

  5. 刻意练习的节奏

BOSS 掉落

Jest Cheat Sheet.pdf
《Kent Beck 测试驱动开发》电子书
WebStorm 快捷键大全.pdf
VSCode 快捷键大全.pdf
Logo前端练功房：TDD FizzBuzz
FizzBuzz 计算器
计算器