> 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.md).

# Coding

- [第一题：FizzBuzz 数字游戏](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-fizzbuzz.md)
- [什么是 FizzBuzz？](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-fizzbuzz/01-what-is-fizzbuzz.md)
- [任务 0：练功前的热身](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-fizzbuzz/02-warm-up-before-tdd.md)
- [FizzBuzz 项目剖析](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-fizzbuzz/03-project-analysis.md)
- [任务 1：TDD 初体验](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-fizzbuzz/04-initial-practise-tdd-cycle.md)
- [任务 2：先利其器](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-fizzbuzz/05-improve-your-toolkit.md)
- [任务 3：再撸一遍](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-fizzbuzz/06-practice-fizzbuzz-again.md)
- [FizzBuzz 项目总结](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-fizzbuzz/07-project-summary.md)
- [附录 1：Jest 测试基础及要点](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-fizzbuzz/08-appendix-jest-testing-basic.md)
- [附录 2：Testing Library 组件测试基础](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-fizzbuzz/09-appendix-testing-library-basic.md)
- [第二题：MarsRover 火星车](https://jimmylv.gitbook.io/tdd-frontend/coding/01-marsrover.md)
- [任务 1：Tasking 任务分解](https://jimmylv.gitbook.io/tdd-frontend/coding/01-marsrover/02-tasking.md)
- [火星车实战](https://jimmylv.gitbook.io/tdd-frontend/coding/01-marsrover/06-what-is-marsrover.md)
- [火星车 Tasking 任务分解](https://jimmylv.gitbook.io/tdd-frontend/coding/01-marsrover/07-marsrover-tasking.md)
- [任务 2：MarsRover 实战演练](https://jimmylv.gitbook.io/tdd-frontend/coding/01-marsrover/08-marsrover-kickoff.md)
- [MarsRover Coding 演示](https://jimmylv.gitbook.io/tdd-frontend/coding/01-marsrover/09-marsrover-showcase.md)
- [任务 3：MarsRover 练习](https://jimmylv.gitbook.io/tdd-frontend/coding/01-marsrover/10-practice-marsrover-again.md)
- [MarsRover 项目总结](https://jimmylv.gitbook.io/tdd-frontend/coding/01-marsrover/11-summary.md)
- [第三题：CommentBox 留言板](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-commentbox.md)
- [CommentBox 项目剖析](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-commentbox/01-project-analysis.md)
- [任务 1：Cypress E2E 测试](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-commentbox/02-simplify-e2e-testing-by-cypress.md)
- [任务 2：测试驱动组件单元接口](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-commentbox/03-test-driven-component-interaction-and-props.md)
- [任务 3：组件级别的快速反馈](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-commentbox/04-quick-feedback-of-components-from-stroybook.md)
- [任务 4：由外到内的前端 TDD](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-commentbox/05-outside-in-global-tdd-cycle.md)
- [CommentBox 项目总结](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-commentbox/06-project-summary.md)
- [第四题：Bookshelf 魔法书架](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-bookshelf.md)
- [Bookshelf 项目剖析](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-bookshelf/01-project-analysis.md)
- [任务 1：练习 API 契约测试](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-bookshelf/02-api-contract-practice-and-mock.md)
- [任务 2：组件化与数据流管理](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-bookshelf/03-components-with-data-flow.md)
- [任务 3：Redux 数据流测试](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-bookshelf/04-testing-redux-data-flow.md)
- [任务 4：简化 Redux 项目结构](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-bookshelf/05-simplify-redux-structure.md)
- [Bookshelf 项目总结](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-bookshelf/09-project-summary.md)
- [附录 1：什么才是真正的 RESTful 架构？](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-bookshelf/06-appendix-what-is-really-rest.md)
- [附录 2：【译】Redux 和 命令模式](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-bookshelf/07-appendix-redux-and-the-command-pattern.md)
- [附录 3：【译】什么是 Flux 架构？（兼谈 DDD 和 CQRS）](https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-bookshelf/08-appendix-what-the-flux-on-flux-ddd-and-cqrs.md)
- [第五题：ShoppingCart 购物车](https://jimmylv.gitbook.io/tdd-frontend/coding/01-project-shoppingcart.md)
- [ShoppingCart 项目剖析](https://jimmylv.gitbook.io/tdd-frontend/coding/01-project-shoppingcart/02-project-analysis.md)
- [React 哲学：Thinking in React](https://jimmylv.gitbook.io/tdd-frontend/coding/01-project-shoppingcart/03-thinking-in-react.md)
- [任务 1：任务分解 - 驱动组件树拆分](https://jimmylv.gitbook.io/tdd-frontend/coding/01-project-shoppingcart/04-outside-in-tasking-components-tree.md)
- [任务 2：综合应用 - 驱动组件接口设计](https://jimmylv.gitbook.io/tdd-frontend/coding/01-project-shoppingcart/05-unit-test-driven-component-development.md)
- [任务 3：综合应用 - 驱动数据流管理](https://jimmylv.gitbook.io/tdd-frontend/coding/01-project-shoppingcart/06-driven-components-interact-with-state-store.md)
- [任务 4：综合应用 - 驱动组件样式开发](https://jimmylv.gitbook.io/tdd-frontend/coding/01-project-shoppingcart/07-driven-components-styling-development.md)
- [ShoppingCart 项目总结](https://jimmylv.gitbook.io/tdd-frontend/coding/01-project-shoppingcart/08-shoppingcart-summary.md)