chore(i18n,curriculum): update translations (#44524)

This commit is contained in:
camperbot
2021-12-18 20:00:08 +05:30
committed by GitHub
parent f1bb7b9091
commit 14fe1fe653
15 changed files with 45 additions and 39 deletions

View File

@ -17,7 +17,7 @@ dashedName: use-headings-to-show-hierarchical-relationships-of-content
在使用中,相同級別(或者更高級別)的標題標籤用於開啓新的章節,低一級別的標題標籤用於開啓上一級標題標籤的子小節。 在使用中,相同級別(或者更高級別)的標題標籤用於開啓新的章節,低一級別的標題標籤用於開啓上一級標題標籤的子小節。
比如說,如果我們在一個 `h2` 標籤後加上若干由 `h4` 標籤引導的頁面。 此時發生了層級的錯位,這會讓使用屏幕閱讀器用戶感到困惑。 儘管在瀏覽器所顯示的頁面中,錯誤地使用這六個標題標籤依然可以讓它們在視覺效果上看起來很合理。 但此時,我們應該按照層級正確地使用標籤,然後用 CSS 來調整樣式。 例如,一個頁面帶有一個 `h2` 元素,後面跟着幾個用 `h4` 元素標記的小節,這會使屏幕閱讀器用戶感到困惑。 儘管在瀏覽器所顯示的頁面中,錯誤地使用這六個標題標籤依然可以讓它們在視覺效果上看起來很合理。 但此時,我們應該按照層級正確地使用標籤,然後用 CSS 來調整樣式。
最後一點,每個頁面應只有一個 `h1` 標籤,用來概括說明頁面的主題。 另外,這六個標題標籤可以讓搜索引擎獲取頁面的大綱。 最後一點,每個頁面應只有一個 `h1` 標籤,用來概括說明頁面的主題。 另外,這六個標題標籤可以讓搜索引擎獲取頁面的大綱。
@ -27,7 +27,7 @@ Camper Cat 希望他的網站有一個介紹如何成爲忍者的頁面。 幫
# --hints-- # --hints--
應存在 6 個 `h3` 標籤 你的代碼應該有 6 個 `h3` 元素
```js ```js
assert($('h3').length === 6); assert($('h3').length === 6);
@ -39,7 +39,7 @@ assert($('h3').length === 6);
assert((code.match(/\/h3/g) || []).length === 6); assert((code.match(/\/h3/g) || []).length === 6);
``` ```
不應該存在 `h5` 標籤. 你的代碼不應包含任何 `h5` 元素。
```js ```js
assert($('h5').length === 0); assert($('h5').length === 0);

View File

@ -1,6 +1,6 @@
--- ---
id: 587d781b367417b2b2512abd id: 587d781b367417b2b2512abd
title: 調整標題與段落的大小 title: 調整標題元素與段落元素的大小
challengeType: 0 challengeType: 0
videoUrl: 'https://scrimba.com/c/c3bRPTz' videoUrl: 'https://scrimba.com/c/c3bRPTz'
forumTopicId: 301037 forumTopicId: 301037
@ -9,15 +9,15 @@ dashedName: adjust-the-size-of-a-heading-element-versus-a-paragraph-element
# --description-- # --description--
標題標籤的字體大小(從 `h1``h6`一般應該大於段落標籤的字體大小。 這使用戶更容易在視覺上了解頁面上所有內容的佈局和重要程度。 你可以使用 `font-size` 屬性來設置元素內文字的大小。 標題元素(`h1``h6`的字體大小通常應大於段落標籤的字體大小。 這使用戶更容易直觀地瞭解頁面上所有內容的佈局和重要性級別。 你可以使用 `font-size` 屬性來調整元素中文本的大小。
# --instructions-- # --instructions--
`h4` 標籤`font-size` 的屬性值改成 27px讓標題更醒目 要使標題明顯大於段落,請將 `h4` 元素`font-size` 更改爲 27 像素
# --hints-- # --hints--
應給 `h4` 元素添加一個 `font-size` 屬性並將屬性值設置爲 27px 你的代碼應該將 `font-size` 屬性添加到設置爲 27 像素的 `h4` 元素
```js ```js
assert($('h4').css('font-size') == '27px'); assert($('h4').css('font-size') == '27px');
@ -116,3 +116,4 @@ assert($('h4').css('font-size') == '27px');
</div> </div>
</div> </div>
``` ```

View File

@ -9,7 +9,7 @@ dashedName: create-a-more-complex-shape-using-css-and-html
# --description-- # --description--
世界上最流行的形狀非心形莫屬了,在本挑戰中我們將用純 CSS 創建一個心形。 但是首先你需要了解僞元素 `::before``::after`僞元素可以在所選元素之前或之後添加一些內容。 在下面的代碼中,`::before` 僞元素用來給 class 爲 `heart` 的元素添加一個正方形: 世界上最流行的形狀非心形莫屬了,在本挑戰中我們將用純 CSS 創建一個心形。 但是首先你需要了解僞元素 `::before``::after``::before` 創建一個僞元素,它是所選元素的第一個子元素; `::after` 創建一個僞元素,它是所選元素的最後一個子元素。 在下面的代碼中,`::before` 僞元素用來給 class 爲 `heart` 的元素添加一個正方形:
```css ```css
.heart::before { .heart::before {

View File

@ -13,7 +13,7 @@ dashedName: create-visual-balance-using-the-text-align-property
web 內容大部分都是文本。 CSS 裏面的 `text-align` 屬性可以控制文本的對齊方式。 web 內容大部分都是文本。 CSS 裏面的 `text-align` 屬性可以控制文本的對齊方式。
`text-align: justify;` 可以讓除最後一行之外的文字兩端對齊,即每行的左右兩端都緊貼行的邊緣 `text-align: justify;` 將文本隔開,使每行的寬度相等
`text-align: center;` 可以讓文本居中對齊。 `text-align: center;` 可以讓文本居中對齊。

View File

@ -18,7 +18,7 @@ dashedName: build-a-tribute-page
**需求 2** 此 app 中應存在一個 `id="title"` 的元素,其中包含描述致敬頁主題的字符串文本,如 "Dr. Norman Borlaug"。 **需求 2** 此 app 中應存在一個 `id="title"` 的元素,其中包含描述致敬頁主題的字符串文本,如 "Dr. Norman Borlaug"。
**需求 3** 此 app 中應存在一個 `id="img-div"``div` 元素。 **需求 3** 此 app 中應存在一個 `id="img-div"``figure``div` 元素。
**需求 4**`img-div` 元素內,應存在一個 `id="image"``img` 元素。 **需求 4**`img-div` 元素內,應存在一個 `id="image"``img` 元素。

View File

@ -10,7 +10,7 @@ dashedName: create-complex-multi-dimensional-arrays
很好! 你現在已經學到很多關於數組的知識了, 但這些只是個開始。我們將在接下來的中挑戰中學到更多與數組相關的知識。 在繼續學習對象(<dfn>Objects</dfn>)之前,讓我們再花一點時間瞭解下更復雜的數組嵌套。 很好! 你現在已經學到很多關於數組的知識了, 但這些只是個開始。我們將在接下來的中挑戰中學到更多與數組相關的知識。 在繼續學習對象(<dfn>Objects</dfn>)之前,讓我們再花一點時間瞭解下更復雜的數組嵌套。
數組的一個強大的特性是,它可以包含其他數組,甚至完全由其他數組組成。 在上一個挑戰中,我們已經接觸到了包含數組的數組,但它還算是比較簡單的。 數組中的數組還可以再包含其他數組,即可以嵌套任意多層數組。 習慣上,我們稱這種數據結構爲<dfn>多維multi-dimensional數組</dfn>或嵌套nested數組。 請看如下的示例: 數組的一個強大的特性是,它可以包含其他數組,甚至完全由其他數組組成。 在上一個挑戰中,我們已經接觸到了包含數組的數組,但它還算是比較簡單的。 數組中的數組還可以再包含其他數組,即可以嵌套任意多層數組。 通過這種方式,數組可以很快成爲非常複雜的數據結構,稱<dfn>多維multi-dimensional</dfn>數組,或嵌套nested數組。 請看如下的示例:
```js ```js
let nestedArray = [ let nestedArray = [

View File

@ -16,6 +16,8 @@ dashedName: timestamp-microservice
完成本項目後,請將一個正常運行的 demo項目演示託管在可以公開訪問的平臺。 然後在 `Solution Link` 字段中提交它的 URL。 此外,還可以將項目的源碼提交到 `GitHub Link` 中。 完成本項目後,請將一個正常運行的 demo項目演示託管在可以公開訪問的平臺。 然後在 `Solution Link` 字段中提交它的 URL。 此外,還可以將項目的源碼提交到 `GitHub Link` 中。
**注意:** 時區轉換不是本項目的目的,因此假設所有發送的有效日期將使用 `new Date()` 解析爲 GMT 日期。
# --hints-- # --hints--
提交自己的項目,而不是示例的 URL。 提交自己的項目,而不是示例的 URL。
@ -28,7 +30,7 @@ dashedName: timestamp-microservice
}; };
``` ```
`/api/:date?` 發送一個帶有有效日期的請求,應該很快(在幾毫秒內)返回一個 JSON 對象,在這個 JSON 對象內有一個包含輸入日期的 Unix 時間戳`unix` 鍵。 對具有有效日期的 `/api/:date?` 的請求應返回一個帶有 `unix` 鍵的 JSON 對象,該鍵是輸入日期的 Unix 時間戳(以毫秒爲單位)
```js ```js
(getUserInput) => (getUserInput) =>
@ -46,7 +48,7 @@ dashedName: timestamp-microservice
); );
``` ```
`/api/:date?` 發送一個帶有有效日期的請求,應該返回一個 JSON 對象,在這個 JSON 對象內有一個包含如 `Thu, 01 Jan 1970 00:00:00 GMT` 格式的輸入日期的 `utc` 鍵。 對具有有效日期的 `/api/:date?` 的請求應返回一個帶有 `utc` 鍵的 JSON 對象,該鍵是輸入日期的字符串,格式爲:`Thu, 01 Jan 1970 00:00:00 GMT`
```js ```js
(getUserInput) => (getUserInput) =>
@ -64,7 +66,7 @@ dashedName: timestamp-microservice
); );
``` ```
`/api/1451001600000` 發送請求應該返回 `{ unix: 1451001600000, utc: "Fri, 25 Dec 2015 00:00:00 GMT" }` `/api/1451001600000` 請求應該返回 `{ unix: 1451001600000, utc: "Fri, 25 Dec 2015 00:00:00 GMT" }`
```js ```js
(getUserInput) => (getUserInput) =>
@ -81,11 +83,11 @@ dashedName: timestamp-microservice
); );
``` ```
程序能成功處理能被 `new Date(date_string)` 解析的日期 你的項目可以處理可以通過 `new Date(date_string)` 成功解析的日期
```js ```js
(getUserInput) => (getUserInput) =>
$.get(getUserInput('url') + '/api/05 October 2011').then( $.get(getUserInput('url') + '/api/05 October 2011, GMT').then(
(data) => { (data) => {
assert( assert(
data.unix === 1317772800000 && data.unix === 1317772800000 &&
@ -98,7 +100,7 @@ dashedName: timestamp-microservice
); );
``` ```
如果入的日期是無效的,將返回一個有結構 `{ error : "Invalid Date" }` 的對象。 如果入的日期字符串無效api 將返回一個有結構的對象 `{ error : "Invalid Date" }`
```js ```js
(getUserInput) => (getUserInput) =>
@ -112,7 +114,7 @@ dashedName: timestamp-microservice
); );
``` ```
如果傳入的參數是空日期,將返回一個包含當前時間的 `unix` 鍵的 JSON 對象 一個空的日期參數應該返回一個帶有 `unix` 鍵的 JSON 對象中的當前時間
```js ```js
(getUserInput) => (getUserInput) =>
@ -127,7 +129,7 @@ dashedName: timestamp-microservice
); );
``` ```
如果傳入的參數是空日期,將返回一個包含當前時間的 `utc` 鍵的 JSON 對象 空日期參數應返回帶有 `utc` 鍵的 JSON 對象中的當前時間
```js ```js
(getUserInput) => (getUserInput) =>

View File

@ -17,7 +17,7 @@ dashedName: use-headings-to-show-hierarchical-relationships-of-content
在使用中,相同级别(或者更高级别)的标题标签用于开启新的章节,低一级别的标题标签用于开启上一级标题标签的子小节。 在使用中,相同级别(或者更高级别)的标题标签用于开启新的章节,低一级别的标题标签用于开启上一级标题标签的子小节。
比如说,如果我们在一个 `h2` 标签后加上若干由 `h4` 标签引导的页面。 此时发生了层级的错位,这会让使用屏幕阅读器用户感到困惑。 尽管在浏览器所显示的页面中,错误地使用这六个标题标签依然可以让它们在视觉效果上看起来很合理。 但此时,我们应该按照层级正确地使用标签,然后用 CSS 来调整样式。 例如,一个页面带有一个 `h2` 元素,后面跟着几个用 `h4` 元素标记的小节,这会使屏幕阅读器用户感到困惑。 尽管在浏览器所显示的页面中,错误地使用这六个标题标签依然可以让它们在视觉效果上看起来很合理。 但此时,我们应该按照层级正确地使用标签,然后用 CSS 来调整样式。
最后一点,每个页面应只有一个 `h1` 标签,用来概括说明页面的主题。 另外,这六个标题标签可以让搜索引擎获取页面的大纲。 最后一点,每个页面应只有一个 `h1` 标签,用来概括说明页面的主题。 另外,这六个标题标签可以让搜索引擎获取页面的大纲。
@ -27,7 +27,7 @@ Camper Cat 希望他的网站有一个介绍如何成为忍者的页面。 帮
# --hints-- # --hints--
应存在 6 个 `h3` 标签 你的代码应该有 6 个 `h3` 元素
```js ```js
assert($('h3').length === 6); assert($('h3').length === 6);
@ -39,7 +39,7 @@ assert($('h3').length === 6);
assert((code.match(/\/h3/g) || []).length === 6); assert((code.match(/\/h3/g) || []).length === 6);
``` ```
不应该存在 `h5` 标签. 你的代码不应包含任何 `h5` 元素。
```js ```js
assert($('h5').length === 0); assert($('h5').length === 0);

View File

@ -1,6 +1,6 @@
--- ---
id: 587d781b367417b2b2512abd id: 587d781b367417b2b2512abd
title: 调整标题与段落的大小 title: 调整标题元素与段落元素的大小
challengeType: 0 challengeType: 0
videoUrl: 'https://scrimba.com/c/c3bRPTz' videoUrl: 'https://scrimba.com/c/c3bRPTz'
forumTopicId: 301037 forumTopicId: 301037
@ -9,15 +9,15 @@ dashedName: adjust-the-size-of-a-heading-element-versus-a-paragraph-element
# --description-- # --description--
标题标签的字体大小(从 `h1``h6`一般应该大于段落标签的字体大小。 这使用户更容易在视觉上了解页面上所有内容的布局和重要程度。 你可以使用 `font-size` 属性来设置元素内文字的大小。 标题元素(`h1``h6`的字体大小通常应大于段落标签的字体大小。 这使用户更容易直观地了解页面上所有内容的布局和重要性级别。 你可以使用 `font-size` 属性来调整元素中文本的大小。
# --instructions-- # --instructions--
`h4` 标签`font-size` 的属性值改成 27px让标题更醒目 要使标题明显大于段落,请将 `h4` 元素`font-size` 更改为 27 像素
# --hints-- # --hints--
应给 `h4` 元素添加一个 `font-size` 属性并将属性值设置为 27px 你的代码应该将 `font-size` 属性添加到设置为 27 像素的 `h4` 元素
```js ```js
assert($('h4').css('font-size') == '27px'); assert($('h4').css('font-size') == '27px');
@ -116,3 +116,4 @@ assert($('h4').css('font-size') == '27px');
</div> </div>
</div> </div>
``` ```

View File

@ -9,7 +9,7 @@ dashedName: create-a-more-complex-shape-using-css-and-html
# --description-- # --description--
世界上最流行的形状非心形莫属了,在本挑战中我们将用纯 CSS 创建一个心形。 但是首先你需要了解伪元素 `::before``::after`伪元素可以在所选元素之前或之后添加一些内容。 在下面的代码中,`::before` 伪元素用来给 class 为 `heart` 的元素添加一个正方形: 世界上最流行的形状非心形莫属了,在本挑战中我们将用纯 CSS 创建一个心形。 但是首先你需要了解伪元素 `::before``::after``::before` 创建一个伪元素,它是所选元素的第一个子元素; `::after` 创建一个伪元素,它是所选元素的最后一个子元素。 在下面的代码中,`::before` 伪元素用来给 class 为 `heart` 的元素添加一个正方形:
```css ```css
.heart::before { .heart::before {

View File

@ -13,7 +13,7 @@ dashedName: create-visual-balance-using-the-text-align-property
web 内容大部分都是文本。 CSS 里面的 `text-align` 属性可以控制文本的对齐方式。 web 内容大部分都是文本。 CSS 里面的 `text-align` 属性可以控制文本的对齐方式。
`text-align: justify;` 可以让除最后一行之外的文字两端对齐,即每行的左右两端都紧贴行的边缘 `text-align: justify;` 将文本隔开,使每行的宽度相等
`text-align: center;` 可以让文本居中对齐。 `text-align: center;` 可以让文本居中对齐。

View File

@ -18,7 +18,7 @@ dashedName: build-a-tribute-page
**需求 2** 此 app 中应存在一个 `id="title"` 的元素,其中包含描述致敬页主题的字符串文本,如 "Dr. Norman Borlaug"。 **需求 2** 此 app 中应存在一个 `id="title"` 的元素,其中包含描述致敬页主题的字符串文本,如 "Dr. Norman Borlaug"。
**需求 3** 此 app 中应存在一个 `id="img-div"``div` 元素。 **需求 3** 此 app 中应存在一个 `id="img-div"``figure``div` 元素。
**需求 4**`img-div` 元素内,应存在一个 `id="image"``img` 元素。 **需求 4**`img-div` 元素内,应存在一个 `id="image"``img` 元素。

View File

@ -10,7 +10,7 @@ dashedName: create-complex-multi-dimensional-arrays
很好! 你现在已经学到很多关于数组的知识了, 但这些只是个开始。我们将在接下来的中挑战中学到更多与数组相关的知识。 在继续学习对象(<dfn>Objects</dfn>)之前,让我们再花一点时间了解下更复杂的数组嵌套。 很好! 你现在已经学到很多关于数组的知识了, 但这些只是个开始。我们将在接下来的中挑战中学到更多与数组相关的知识。 在继续学习对象(<dfn>Objects</dfn>)之前,让我们再花一点时间了解下更复杂的数组嵌套。
数组的一个强大的特性是,它可以包含其他数组,甚至完全由其他数组组成。 在上一个挑战中,我们已经接触到了包含数组的数组,但它还算是比较简单的。 数组中的数组还可以再包含其他数组,即可以嵌套任意多层数组。 习惯上,我们称这种数据结构为<dfn>多维multi-dimensional数组</dfn>或嵌套nested数组。 请看如下的示例: 数组的一个强大的特性是,它可以包含其他数组,甚至完全由其他数组组成。 在上一个挑战中,我们已经接触到了包含数组的数组,但它还算是比较简单的。 数组中的数组还可以再包含其他数组,即可以嵌套任意多层数组。 通过这种方式,数组可以很快成为非常复杂的数据结构,称<dfn>多维multi-dimensional</dfn>数组,或嵌套nested数组。 请看如下的示例:
```js ```js
let nestedArray = [ let nestedArray = [

View File

@ -16,6 +16,8 @@ dashedName: timestamp-microservice
完成本项目后,请将一个正常运行的 demo项目演示托管在可以公开访问的平台。 然后在 `Solution Link` 字段中提交它的 URL。 此外,还可以将项目的源码提交到 `GitHub Link` 中。 完成本项目后,请将一个正常运行的 demo项目演示托管在可以公开访问的平台。 然后在 `Solution Link` 字段中提交它的 URL。 此外,还可以将项目的源码提交到 `GitHub Link` 中。
**注意:** 时区转换不是本项目的目的,因此假设所有发送的有效日期将使用 `new Date()` 解析为 GMT 日期。
# --hints-- # --hints--
提交自己的项目,而不是示例的 URL。 提交自己的项目,而不是示例的 URL。
@ -28,7 +30,7 @@ dashedName: timestamp-microservice
}; };
``` ```
`/api/:date?` 发送一个带有有效日期的请求,应该很快(在几毫秒内)返回一个 JSON 对象,在这个 JSON 对象内有一个包含输入日期的 Unix 时间戳`unix` 键。 对具有有效日期的 `/api/:date?` 的请求应返回一个带有 `unix` 键的 JSON 对象,该键是输入日期的 Unix 时间戳(以毫秒为单位)
```js ```js
(getUserInput) => (getUserInput) =>
@ -46,7 +48,7 @@ dashedName: timestamp-microservice
); );
``` ```
`/api/:date?` 发送一个带有有效日期的请求,应该返回一个 JSON 对象,在这个 JSON 对象内有一个包含如 `Thu, 01 Jan 1970 00:00:00 GMT` 格式的输入日期的 `utc` 键。 对具有有效日期的 `/api/:date?` 的请求应返回一个带有 `utc` 键的 JSON 对象,该键是输入日期的字符串,格式为:`Thu, 01 Jan 1970 00:00:00 GMT`
```js ```js
(getUserInput) => (getUserInput) =>
@ -64,7 +66,7 @@ dashedName: timestamp-microservice
); );
``` ```
`/api/1451001600000` 发送请求应该返回 `{ unix: 1451001600000, utc: "Fri, 25 Dec 2015 00:00:00 GMT" }` `/api/1451001600000` 请求应该返回 `{ unix: 1451001600000, utc: "Fri, 25 Dec 2015 00:00:00 GMT" }`
```js ```js
(getUserInput) => (getUserInput) =>
@ -81,11 +83,11 @@ dashedName: timestamp-microservice
); );
``` ```
程序能成功处理能被 `new Date(date_string)` 解析的日期 你的项目可以处理可以通过 `new Date(date_string)` 成功解析的日期
```js ```js
(getUserInput) => (getUserInput) =>
$.get(getUserInput('url') + '/api/05 October 2011').then( $.get(getUserInput('url') + '/api/05 October 2011, GMT').then(
(data) => { (data) => {
assert( assert(
data.unix === 1317772800000 && data.unix === 1317772800000 &&
@ -98,7 +100,7 @@ dashedName: timestamp-microservice
); );
``` ```
如果入的日期是无效的,将返回一个有结构 `{ error : "Invalid Date" }` 的对象。 如果入的日期字符串无效api 将返回一个有结构的对象 `{ error : "Invalid Date" }`
```js ```js
(getUserInput) => (getUserInput) =>
@ -112,7 +114,7 @@ dashedName: timestamp-microservice
); );
``` ```
如果传入的参数是空日期,将返回一个包含当前时间的 `unix` 键的 JSON 对象 一个空的日期参数应该返回一个带有 `unix` 键的 JSON 对象中的当前时间
```js ```js
(getUserInput) => (getUserInput) =>
@ -127,7 +129,7 @@ dashedName: timestamp-microservice
); );
``` ```
如果传入的参数是空日期,将返回一个包含当前时间的 `utc` 键的 JSON 对象 空日期参数应返回带有 `utc` 键的 JSON 对象中的当前时间
```js ```js
(getUserInput) => (getUserInput) =>

View File

@ -28,7 +28,7 @@ assert(typeof longestString == 'function');
assert(Array.isArray(longestString(['a', 'bb', 'ccc', 'ee', 'f', 'ggg']))); assert(Array.isArray(longestString(['a', 'bb', 'ccc', 'ee', 'f', 'ggg'])));
``` ```
`longestString(["a", "bb", "ccc", "ee", "f", "ggg"])` deve retornar `["ccc", "ggg"]'`. `longestString(["a", "bb", "ccc", "ee", "f", "ggg"])` deve retornar `["ccc", "ggg"]`.
```js ```js
assert.deepEqual(longestString(['a', 'bb', 'ccc', 'ee', 'f', 'ggg']), [ assert.deepEqual(longestString(['a', 'bb', 'ccc', 'ee', 'f', 'ggg']), [