Merge pull request #333 from BILLXZY1215/translate-zh-cn

Translate zh-cn

4-typing-game/translations/README.zh-cn.md

@@ -0,0 +1,29 @@
+# 事件驱动式编程 ── 建立一款打字游戏
+
+## 介绍
+
+打字是开发者最被低估的技能之一。将思想从你的头脑中迅速转移到你的编辑器中的能力使创造力得以自由流动。学习的最好方法之一是玩游戏！
+
+> 因此，让我们来开发一款打字游戏吧！
+
+你将会用到 JavaScript、HTML 和 CSS 来构建打字游戏。游戏将向玩家展示一个随机的引言 (我们用[夏洛克 · 福尔摩斯](https://zh.wikipedia.org/wiki/%E6%AD%87%E6%B4%9B%E5%85%8B%C2%B7%E7%A6%8F%E5%B0%94%E6%91%A9%E6%96%AF)的引言)，并计时玩家需要多长时间才能准确地打出它。
+![demo](../images/demo.gif)
+
+## 前提条件
+
+请确保你已经熟悉以下概念：
+
+- 创建文本输入和按钮控件
+- CSS 和使用类设置样式
+- JavaScript 基础知识
+  - 创建一个数组
+  - 创建一个随机数
+  - 获取当前时间
+
+## 课程
+
+[通过使用事件驱动编程创建一个打字游戏](../typing-game/translations/README.zh-tw.md)
+
+## 贡献者
+
+由 [Christopher Harrison](http://www.twitter.com/geektrainer) 用满满 ♥️ 来编写。

5-browser-extension/translations/README.zh-cn.md

@@ -0,0 +1,27 @@
+# 构建浏览器插件
+
+构建浏览器插件是一种有趣的方式，可以在构建不同类型的网络资产的同时思考你的应用程序的性能。本模块包括关于浏览器如何工作和如何部署浏览器扩展的课程，如何建立一个表单、调用 API 和使用 local storage (本地存储)，以及如何衡量网站的性能并加以改进。
+
+你将建立一个能在 Edge、Chrome 和 Firefox 上运行的浏览器插件。这个插件就像一个为非常具体的任务量身定做的迷你网站：利用 [C02 Signal API](https://www.co2signal.com) 检查地区的电力使用情况和碳排放浓度，回传地区的碳足迹。
+
+一旦 API 密钥和地区代码被输入到一个表格中，用户就可以临时调用这个扩展，以确定当地的用电情况，从而提供可以影响用户的用电决定的数据。例如，在你所在地区的高用电量期间，推迟运行干衣机（一种碳密集型活动）可能是更好的选择。
+
+### 主题
+
+1. [关于浏览器](../1-about-browsers/translations/README.zh-tw.md)
+2. [表单和 Local Storage](../2-forms-browsers-local-storage/translations/README.zh-tw.md)
+3. [背景工作与效能](../3-background-tasks-and-performance/translations/README.zh-tw.md)
+
+### 成就
+
+![一个绿色浏览器插件](../extension-screenshot.png)
+
+## 贡献者
+
+网页碳排放追踪的想法由 Asim Hussain，微软绿色云计算倡导团队的负责人和 [Green Principles](https://principles.green/) 的作者。这源自于一个[网页项目](https://github.com/jlooper/green)。
+
+浏览器插件的结构受到 [Adebola Adeniran 的 COVID 插件](https://github.com/onedebos/covtension)的启发
+
+「点」 图标系统背后的概念是由加州排放的 [Energy Lollipop](https://energylollipop.com/) 浏览器插件的图标结构提出的。
+
+这些课程由 [Jen Looper](https://www.twitter.com/jenlooper) 用满满的 ♥️ 來编写。

6-space-game/translations/README.zh-cn.md

@@ -0,0 +1,31 @@
+# 构建一款太空游戏
+
+一个空间游戏来教授更高级的 JavaScript 基础知识
+
+在本课中，你将学习如何建立你自己的太空游戏。如果你曾经玩过 "太空侵略者 "这个游戏，这个游戏的想法是一样的：驾驶飞船，向从上面下来的怪物开火。下面是完成后的游戏的样子。
+
+![游戏成品](../images/pewpew.gif)
+
+在这六节课中，你将学习以下内容。
+
+- **是用** Canvas 元素在屏幕上绘制东西
+- **了解**笛卡尔坐标系
+- **学习** Pub-Sub 模式，创建更容易维护和扩展的健全的游戏架构
+- **利用** Async/Await 来加载游戏资源
+- **处理**键盘事件
+
+## 总览
+
+- 理论
+  - [利用 JavaScript 设计游戏](../1-introduction/translations/README.zh-tw.md)
+- 实践
+  - [在画布上绘制](../2-drawing-to-canvas/translations/README.zh-tw.md)
+  - [移移动画面上的物件](../3-moving-elements-around/translations/README.zh-tw.md)
+  - [碰撞侦测](../4-collision-detection/translations/README.zh-tw.md)
+  - [持续得分](../5-keeping-score/translations/README.zh-tw.md)
+  - [结束与重新游戏](../6-end-condition/translations/README.zh-tw.md)
+
+## 贡献者
+
+游戏资源来自于 https://www.kenney.nl/。
+如果你喜欢建造游戏，这里有一些好东西，很多是免费的，也有些是付费的。

7-bank-project/translations/README.zh-cn.md

@@ -0,0 +1,21 @@
+# $: 建立銀行
+
+在这个项目中，你将学习如何建立一个虚构的银行。这些课程包括指导如何布局网络应用和提供路由，构建表单，管理状态，以及从一个 API 中获取银行的数据。
+
+| ![屏幕1](../images/screen1.png) | ![屏幕2](../images/screen2.png) |
+| ------------------------------- | ------------------------------- |
+
+## 课程
+
+1. [HTML 模版与网页路由](../1-template-route/translations/README.md)
+2. [建立登陆与注册表单](../2-forms/translations/README.md)
+3. [取得并使用资料](../3-data/translations/README.md)
+4. [状态管理的概念](../4-state-management/translations/README.md)
+
+### 贡献者
+
+这些课程是由 [Yohan Lasorsa](https://twitter.com/sinedied) 用满满的 ♥️ 來编写。
+
+如果你有兴趣建立本课程使用的 [服务器 API](../api/translations/README.zh-tw.md)，你可以遵循[这一系列的视频](https://aka.ms/NodeBeginner)，特别是视频 17 到 21。
+
+你也可以访问[这款互动式教学网站](https://aka.ms/learn/express-api)。