info/Web-Dev-For-Beginners
1
0
Fork 0
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git synced 2025-08-06 23:06:46 +02:00
Code Issues Projects Releases Wiki Activity

revise zh-tw article & add lesson 7 missing file

Browse Source
This commit is contained in:
CRTao
2021-03-14 11:40:06 +08:00
parent cb23d62826
commit 50cf8a27bb
16 changed files with 37 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
1-getting-started-lessons/1-intro-to-programming-languages/translations/README.zh-tw.md
View File

@@ -187,7 +187,7 @@ back add r0,r1
學習不同的程式語言。試著在三種不同的程式語言寫幾行程式碼。你學到了什麼? 學習不同的程式語言。試著在三種不同的程式語言寫幾行程式碼。你學到了什麼?
## 課題 ## 作業
[閱讀技術文件](assignment.zh-tw.md) [閱讀技術文件](assignment.zh-tw.md)

2
1-getting-started-lessons/1-intro-to-programming-languages/translations/assignment.zh-tw.md
View File

@@ -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 文件當中。
## 學習評量 ## 學習評量

2
1-getting-started-lessons/2-github-basics/translations/README.zh-tw.md
View File

@@ -314,6 +314,6 @@
你能找到更資深的實驗內容。 你能找到更資深的實驗內容。
## 課題 ## 作業
完成[第一週在 GitHub 上](https://lab.github.com/githubtraining/first-week-on-github) 完成[第一週在 GitHub 上](https://lab.github.com/githubtraining/first-week-on-github)

4
1-getting-started-lessons/3-accessibility/translations/README.zh-tw.md
View File

@@ -123,7 +123,7 @@ CSS 提供完整的網頁造型控制，你可以讓文字框框線隱藏或是
| 物品 | [描述]('#') | [數量]('#') | | 物品 | [描述]('#') | [數量]('#') |
| 超優物品 | [描述]('#') | [數量]('#') | | 超優物品 | [描述]('#') | [數量]('#') |
在這項舉例中，瀏覽器用戶可以清楚地辨別重複性的「描述」與「數量」；但對於螢幕報讀器用戶而言，他們只能重複地聽取*「描述」*與*「數量」*這兩個單詞。 在這項舉例中，瀏覽器用戶可以清楚地辨別重複性的「描述」與「數量」；但對於螢幕報讀器用戶而言，他們只能重複地聽取*「描述」與「數量」*這兩個單詞。
為了處理這種情況，HTML 提供一套屬性名為[Accessible Rich Internet Applications (ARIA)](https://developer.mozilla.org/docs/Web/Accessibility/ARIA)。它能為螢幕報讀器附加額外的朗讀資訊。 為了處理這種情況，HTML 提供一套屬性名為[Accessible Rich Internet Applications (ARIA)](https://developer.mozilla.org/docs/Web/Accessibility/ARIA)。它能為螢幕報讀器附加額外的朗讀資訊。
@@ -224,7 +224,7 @@ CSS 提供完整的網頁造型控制，你可以讓文字框框線隱藏或是
許多政府機關立法要求無障礙需求。查詢你的國家是否有這些法規。它們涉及了那些，那些又沒包含在其中? 看看[英國政府機關網頁](https://accessibility.blog.gov.uk/)的例子。 許多政府機關立法要求無障礙需求。查詢你的國家是否有這些法規。它們涉及了那些，那些又沒包含在其中? 看看[英國政府機關網頁](https://accessibility.blog.gov.uk/)的例子。
## 課題 ## 作業
[分析一個非無障礙網頁](assignment.zh-tw.md) [分析一個非無障礙網頁](assignment.zh-tw.md)

2
1-getting-started-lessons/3-accessibility/translations/assignment.zh-tw.md
View File

@@ -7,5 +7,5 @@
## 學習評量 ## 學習評量
| 作業內容 | 優良 | 普通 | 待改進 | | 作業內容 | 優良 | 普通 | 待改進 |
| -------- | ----------------------- ----------------------------------------------------------- | --------------- | --------------- | | -------- | ----------------------------------------------------------------------------------- | --------------- | --------------- |
| 書面報告 | 文章解釋為何網頁需要被改進，將 Lighthouse 結果轉成 pdf 檔，列出十點詳細的改進計畫。 | 缺少 20% 的內容 | 缺少 50% 的內容 | | 書面報告 | 文章解釋為何網頁需要被改進，將 Lighthouse 結果轉成 pdf 檔，列出十點詳細的改進計畫。 | 缺少 20% 的內容 | 缺少 50% 的內容 |

2
2-js-basics/1-data-types/translations/README.zh-tw.md
View File

@@ -192,6 +192,6 @@ JavaScript 在處理資料結構時有許多種方法，有些場合為人詬病
試試看[這些 JavaScript 練習題](https://css-tricks.com/snippets/javascript/)。 你學到了什麼? 試試看[這些 JavaScript 練習題](https://css-tricks.com/snippets/javascript/)。 你學到了什麼?
## 課題 ## 作業
[練習資料型態](assignment.zh-tw.md) [練習資料型態](assignment.zh-tw.md)

2
2-js-basics/1-data-types/translations/assignment.zh-tw.md
View File

@@ -7,5 +7,5 @@
## 學習評量 ## 學習評量
| 作業內容 | 優良 | 普通 | 待改進 | | 作業內容 | 優良 | 普通 | 待改進 |
| -------- | ----------------------- ---------- | ---------------------------------- | ---------------------------------- | | -------- | ---------------------------------- | ---------------------------------- | ---------------------------------- |
| | 使用六種資料型態並解釋用途以及用法 | 使用四種資料型態並解釋用途以及用法 | 使用兩種資料型態並解釋用途以及用法 | | | 使用六種資料型態並解釋用途以及用法 | 使用四種資料型態並解釋用途以及用法 | 使用兩種資料型態並解釋用途以及用法 |

2
2-js-basics/2-functions-methods/translations/README.zh-tw.md
View File

@@ -190,6 +190,6 @@ setTimeout(() => {
這很值得去閱讀[關於箭頭函式的資料](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)，它們越來越常被用在程式碼上。試著寫個函式，再改寫成箭頭語法。 這很值得去閱讀[關於箭頭函式的資料](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)，它們越來越常被用在程式碼上。試著寫個函式，再改寫成箭頭語法。
## 課題 ## 作業
[把玩函式](assignment.zh-tw.md) [把玩函式](assignment.zh-tw.md)

2
2-js-basics/2-functions-methods/translations/assignment.zh-tw.md
View File

@@ -9,5 +9,5 @@
## 學習評量 ## 學習評量
| 作業內容 | 優良 | 普通 | 待改進 | | 作業內容 | 優良 | 普通 | 待改進 |
| -------- | ----------------------- ------------------ | -------------------------- | -------------- | | -------- | ------------------------------------------ | -------------------------- | -------------- |
| | 建立兩個以上多樣參數輸入且功能豐富的函式。 | 建立一個有參數輸入的函式。 | 函式出現問題。 | | | 建立兩個以上多樣參數輸入且功能豐富的函式。 | 建立一個有參數輸入的函式。 | 函式出現問題。 |

2
2-js-basics/3-making-decisions/translations/README.zh-tw.md
View File

@@ -171,6 +171,6 @@ if (firstNumber > secondNumber) {
瀏覽 Josh Comeau 所編制的[運算子查詢表](https://joshwcomeau.com/operator-lookup/)！ 瀏覽 Josh Comeau 所編制的[運算子查詢表](https://joshwcomeau.com/operator-lookup/)！
## 課題 ## 作業
[運算子](assignment.zh-tw.md) [運算子](assignment.zh-tw.md)

2
2-js-basics/4-arrays-loops/translations/README.zh-tw.md
View File

@@ -121,6 +121,6 @@ for (let i = 0; i < iceCreamFlavors.length; i++) {
在 JavaScript 中，矩陣有許多控制的方法，它們在處理資料上有很大的幫助。 在 JavaScript 中，矩陣有許多控制的方法，它們在處理資料上有很大的幫助。
[學習這些方法](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)，如 push、pop、slice 和 splice，試著套用在你所創造的矩陣上。 [學習這些方法](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)，如 push、pop、slice 和 splice，試著套用在你所創造的矩陣上。
## 課題 ## 作業
[給矩陣的迴圈](assignment.zh-tw.md) [給矩陣的迴圈](assignment.zh-tw.md)

2
3-terrarium/1-intro-to-html/translations/assignment.zh-tw.md
View File

@@ -7,5 +7,5 @@
## 學習評量 ## 學習評量
| 作業內容 | 優良 | 普通 | 待改進 | | 作業內容 | 優良 | 普通 | 待改進 |
| -------- | ----------------------- ------------ | ------------------------------- | --------------------------------- | | -------- | ------------------------------------ | ------------------------------- | --------------------------------- |
| | 可以見到部落格編排包含10種以上的元素 | 見到部落格編排大約有 5 種的元素 | 見到部落格編排最多只有 3 種的元素 | | | 可以見到部落格編排包含10種以上的元素 | 見到部落格編排大約有 5 種的元素 | 見到部落格編排最多只有 3 種的元素 |

2
3-terrarium/translations/README.zh-tw.md
View File

@@ -14,7 +14,7 @@
由 [Jen Looper](https://www.twitter.com/jenlooper) 用滿滿的 ♥️ 來編寫。 由 [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 繪製。 手繪插圖由 [Jen Looper](http://jenlooper.com) 使用 Procreate 繪製。

2
4-typing-game/typing-game/translations/README.zh-tw.md
View File

@@ -313,7 +313,7 @@ typedValueElement.addEventListener('input', () => {
點擊按鈕 **start**，馬上開始輸入單字！你可以看看這預覽動畫。 點擊按鈕 **start**，馬上開始輸入單字！你可以看看這預覽動畫。
![遊戲中的動畫](../4-typing-game/images/demo.gif) ![遊戲中的動畫](../../4-typing-game/images/demo.gif)
--- ---

2
5-browser-extension/translations/README.zh-tw.md
View File

@@ -14,7 +14,7 @@
### 成就 ### 成就
![綠能瀏覽器擴充功能](extension-screenshot.png) ![綠能瀏覽器擴充功能](../extension-screenshot.png)
## 參與人員 ## 參與人員

21
7-bank-project/translations/README.zh-tw.md Normal file
View File

@@ -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)。