diff --git 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 index ad37b211..43d62c98 100644 --- 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) diff --git 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 index 8658c8a1..ff989c4e 100644 --- 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 文件當中。 ## 學習評量 diff --git 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 index 668ea746..d4047417 100644 --- 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) diff --git a/1-getting-started-lessons/3-accessibility/translations/README.zh-tw.md b/1-getting-started-lessons/3-accessibility/translations/README.zh-tw.md index 68e90a11..4d75ea63 100644 --- 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) diff --git a/1-getting-started-lessons/3-accessibility/translations/assignment.zh-tw.md b/1-getting-started-lessons/3-accessibility/translations/assignment.zh-tw.md index 36553f18..ac89b664 100644 --- 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% 的內容 | \ No newline at end of file diff --git a/2-js-basics/1-data-types/translations/README.zh-tw.md b/2-js-basics/1-data-types/translations/README.zh-tw.md index da0d5443..29d2294a 100644 --- 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) diff --git a/2-js-basics/1-data-types/translations/assignment.zh-tw.md b/2-js-basics/1-data-types/translations/assignment.zh-tw.md index 44740a65..0fd84cce 100644 --- 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 @@ ## 學習評量 | 作業內容 | 優良 | 普通 | 待改進 | -| -------- | ----------------------- ---------- | ---------------------------------- | ---------------------------------- | +| -------- | ---------------------------------- | ---------------------------------- | ---------------------------------- | | | 使用六種資料型態並解釋用途以及用法 | 使用四種資料型態並解釋用途以及用法 | 使用兩種資料型態並解釋用途以及用法 | diff --git a/2-js-basics/2-functions-methods/translations/README.zh-tw.md b/2-js-basics/2-functions-methods/translations/README.zh-tw.md index a213a796..76b6aa90 100644 --- 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) \ No newline at end of file diff --git a/2-js-basics/2-functions-methods/translations/assignment.zh-tw.md b/2-js-basics/2-functions-methods/translations/assignment.zh-tw.md index 7dbdbacc..bff30afa 100644 --- 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 @@ ## 學習評量 | 作業內容 | 優良 | 普通 | 待改進 | -| -------- | ----------------------- ------------------ | -------------------------- | -------------- | +| -------- | ------------------------------------------ | -------------------------- | -------------- | | | 建立兩個以上多樣參數輸入且功能豐富的函式。 | 建立一個有參數輸入的函式。 | 函式出現問題。 | diff --git a/2-js-basics/3-making-decisions/translations/README.zh-tw.md b/2-js-basics/3-making-decisions/translations/README.zh-tw.md index be1fa9e3..4991693f 100644 --- 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) diff --git a/2-js-basics/4-arrays-loops/translations/README.zh-tw.md b/2-js-basics/4-arrays-loops/translations/README.zh-tw.md index b585c86e..b686dc5d 100644 --- 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) diff --git a/3-terrarium/1-intro-to-html/translations/assignment.zh-tw.md b/3-terrarium/1-intro-to-html/translations/assignment.zh-tw.md index 59e5df2c..45d2397d 100644 --- 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 種的元素 | \ No newline at end of file diff --git a/3-terrarium/translations/README.zh-tw.md b/3-terrarium/translations/README.zh-tw.md index a431a77f..ab650959 100644 --- 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 繪製。 diff --git a/4-typing-game/typing-game/translations/README.zh-tw.md b/4-typing-game/typing-game/translations/README.zh-tw.md index e59096a1..cdf588f6 100644 --- 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) --- diff --git a/5-browser-extension/translations/README.zh-tw.md b/5-browser-extension/translations/README.zh-tw.md index 79fb9e0e..8a0ec8d1 100644 --- 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) ## 參與人員 diff --git a/7-bank-project/translations/README.zh-tw.md b/7-bank-project/translations/README.zh-tw.md new file mode 100644 index 00000000..e3bf6f0b --- /dev/null +++ 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)。 \ No newline at end of file