revise zh-tw article & add lesson 7 missing file

4 years ago · 50cf8a27bb
parent cb23d62826
commit 50cf8a27bb
16 changed files with 37 additions and 16 deletions
--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.zh-tw.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.zh-tw.md
@ -187,7 +187,7 @@ back add r0,r1

 學習不同的程式語言。試著在三種不同的程式語言寫幾行程式碼。你學到了什麼?

-## 課題
+## 作業

 [閱讀技術文件](assignment.zh-tw.md)

--- a/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.zh-tw.md
+++ b/1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.zh-tw.md
@ -2,7 +2,7 @@

 ## 說明

-網頁開發人員所需要使用的工具套件可以參考 [MDN Client端技術開發文件](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview). 請選擇三種未被本課程提及的工具，試解釋為何網頁開發人員使用它，並搜尋其相關的工具與它的技術文件。這些資料不能出現在前述的 MDN 文件當中。
+網頁開發人員所需要使用的工具套件可以參考 [MDN Client端技術開發文件](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview)。 請選擇三種未被本課程提及的工具，試解釋為何網頁開發人員使用它，並搜尋其相關的工具與它的技術文件。這些資料不能出現在前述的 MDN 文件當中。

 ## 學習評量

--- a/1-getting-started-lessons/2-github-basics/translations/README.zh-tw.md
+++ b/1-getting-started-lessons/2-github-basics/translations/README.zh-tw.md
@ -314,6 +314,6 @@

 你能找到更資深的實驗內容。 

-## 課題
+## 作業

 完成[第一週在 GitHub 上](https://lab.github.com/githubtraining/first-week-on-github)
--- a/1-getting-started-lessons/3-accessibility/translations/README.zh-tw.md
+++ b/1-getting-started-lessons/3-accessibility/translations/README.zh-tw.md
@ -123,7 +123,7 @@ CSS 提供完整的網頁造型控制，你可以讓文字框框線隱藏或是
 | 物品         | [描述]('#') | [數量]('#') |
 | 超優物品     | [描述]('#') | [數量]('#') |

-在這項舉例中，瀏覽器用戶可以清楚地辨別重複性的「描述」與「數量」；但對於螢幕報讀器用戶而言，他們只能重複地聽取*「描述」*與*「數量」*這兩個單詞。
+在這項舉例中，瀏覽器用戶可以清楚地辨別重複性的「描述」與「數量」；但對於螢幕報讀器用戶而言，他們只能重複地聽取*「描述」與「數量」*這兩個單詞。

 為了處理這種情況，HTML 提供一套屬性名為[Accessible Rich Internet Applications (ARIA)](https://developer.mozilla.org/docs/Web/Accessibility/ARIA)。它能為螢幕報讀器附加額外的朗讀資訊。

@ -224,7 +224,7 @@ CSS 提供完整的網頁造型控制，你可以讓文字框框線隱藏或是

 許多政府機關立法要求無障礙需求。查詢你的國家是否有這些法規。它們涉及了那些，那些又沒包含在其中? 看看[英國政府機關網頁](https://accessibility.blog.gov.uk/)的例子。

-## 課題
+## 作業
 
 [分析一個非無障礙網頁](assignment.zh-tw.md)

--- a/1-getting-started-lessons/3-accessibility/translations/assignment.zh-tw.md
+++ b/1-getting-started-lessons/3-accessibility/translations/assignment.zh-tw.md
@ -7,5 +7,5 @@
 ## 學習評量

 | 作業內容 | 優良                                                                                | 普通            | 待改進          |
-| -------- | ----------------------- ----------------------------------------------------------- | --------------- | --------------- |
+| -------- | ----------------------------------------------------------------------------------- | --------------- | --------------- |
 | 書面報告 | 文章解釋為何網頁需要被改進，將 Lighthouse 結果轉成 pdf 檔，列出十點詳細的改進計畫。 | 缺少 20% 的內容 | 缺少 50% 的內容 |
--- a/2-js-basics/1-data-types/translations/README.zh-tw.md
+++ b/2-js-basics/1-data-types/translations/README.zh-tw.md
@ -192,6 +192,6 @@ JavaScript 在處理資料結構時有許多種方法，有些場合為人詬病

 試試看[這些 JavaScript 練習題](https://css-tricks.com/snippets/javascript/)。 你學到了什麼?

-## 課題
+## 作業

 [練習資料型態](assignment.zh-tw.md)
--- a/2-js-basics/1-data-types/translations/assignment.zh-tw.md
+++ b/2-js-basics/1-data-types/translations/assignment.zh-tw.md
@ -7,5 +7,5 @@
 ## 學習評量

 | 作業內容 | 優良                               | 普通                               | 待改進                             |
-| -------- | ----------------------- ---------- | ---------------------------------- | ---------------------------------- |
+| -------- | ---------------------------------- | ---------------------------------- | ---------------------------------- |
 |          | 使用六種資料型態並解釋用途以及用法 | 使用四種資料型態並解釋用途以及用法 | 使用兩種資料型態並解釋用途以及用法 |
--- a/2-js-basics/2-functions-methods/translations/README.zh-tw.md
+++ b/2-js-basics/2-functions-methods/translations/README.zh-tw.md
@ -190,6 +190,6 @@ setTimeout(() => {

 這很值得去閱讀[關於箭頭函式的資料](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)，它們越來越常被用在程式碼上。試著寫個函式，再改寫成箭頭語法。

-## 課題
+## 作業

 [把玩函式](assignment.zh-tw.md)
--- a/2-js-basics/2-functions-methods/translations/assignment.zh-tw.md
+++ b/2-js-basics/2-functions-methods/translations/assignment.zh-tw.md
@ -9,5 +9,5 @@
 ## 學習評量

 | 作業內容 | 優良                                       | 普通                       | 待改進         |
-| -------- | ----------------------- ------------------ | -------------------------- | -------------- |
+| -------- | ------------------------------------------ | -------------------------- | -------------- |
 |          | 建立兩個以上多樣參數輸入且功能豐富的函式。 | 建立一個有參數輸入的函式。 | 函式出現問題。 |
--- a/2-js-basics/3-making-decisions/translations/README.zh-tw.md
+++ b/2-js-basics/3-making-decisions/translations/README.zh-tw.md
@ -171,6 +171,6 @@ if (firstNumber > secondNumber) {

 瀏覽 Josh Comeau 所編制的[運算子查詢表](https://joshwcomeau.com/operator-lookup/)！

-## 課題
+## 作業

 [運算子](assignment.zh-tw.md)
--- a/2-js-basics/4-arrays-loops/translations/README.zh-tw.md
+++ b/2-js-basics/4-arrays-loops/translations/README.zh-tw.md
@ -121,6 +121,6 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
 在 JavaScript 中，矩陣有許多控制的方法，它們在處理資料上有很大的幫助。
 [學習這些方法](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)，如 push、pop、slice 和 splice，試著套用在你所創造的矩陣上。 

-## 課題
+## 作業

 [給矩陣的迴圈](assignment.zh-tw.md)
--- a/3-terrarium/1-intro-to-html/translations/assignment.zh-tw.md
+++ b/3-terrarium/1-intro-to-html/translations/assignment.zh-tw.md
@ -7,5 +7,5 @@
 ## 學習評量

 | 作業內容 | 優良                                 | 普通                            | 待改進                            |
-| -------- | ----------------------- ------------ | ------------------------------- | --------------------------------- |
+| -------- | ------------------------------------ | ------------------------------- | --------------------------------- |
 |          | 可以見到部落格編排包含10種以上的元素 | 見到部落格編排大約有 5 種的元素 | 見到部落格編排最多只有 3 種的元素 |
--- a/3-terrarium/translations/README.zh-tw.md
+++ b/3-terrarium/translations/README.zh-tw.md
@ -14,7 +14,7 @@

 由 [Jen Looper](https://www.twitter.com/jenlooper) 用滿滿的 ♥️ 來編寫。

-用 CSS 建立盆栽盒的發想來自於 Jakub Mandra 的玻璃罐 [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY)。
+用 CSS 建立盆栽盒的發想來自於 Jakub Mandra 的玻璃罐 [CodePen](https://codepen.io/Rotarepmi/pen/rjpNZY)。

 手繪插圖由 [Jen Looper](http://jenlooper.com) 使用 Procreate 繪製。

--- a/4-typing-game/typing-game/translations/README.zh-tw.md
+++ b/4-typing-game/typing-game/translations/README.zh-tw.md
@ -313,7 +313,7 @@ typedValueElement.addEventListener('input', () => {

 點擊按鈕 **start**，馬上開始輸入單字！你可以看看這預覽動畫。

-![遊戲中的動畫](../4-typing-game/images/demo.gif)
+![遊戲中的動畫](../../4-typing-game/images/demo.gif)

 ---

--- a/5-browser-extension/translations/README.zh-tw.md
+++ b/5-browser-extension/translations/README.zh-tw.md
@ -14,7 +14,7 @@

 ### 成就

-![綠能瀏覽器擴充功能](extension-screenshot.png)
+![綠能瀏覽器擴充功能](../extension-screenshot.png)

 ## 參與人員

--- a/7-bank-project/translations/README.zh-tw.md
+++ b/7-bank-project/translations/README.zh-tw.md
@ -0,0 +1,21 @@
+# :dollar: 建立銀行
+
+在這個專案中，你會學習如何建立虛擬銀行。這些課程包含許多教程：設計網頁應用程式的格式、提供網頁路由、建立表單、管理狀態和利用 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)。