chore(i18n,curriculum): update translations (#41945)
This commit is contained in:
@ -9,7 +9,7 @@ dashedName: standardize-times-with-the-html5-datetime-attribute
|
|||||||
|
|
||||||
# --description--
|
# --description--
|
||||||
|
|
||||||
继续日期主题。 HTML5 还引入了 `time` 标签与 `datetime` 属性来标准化时间。 `datetime` 属性是一个内联元素,可以在一个页面上包含日期或时间。 `datetime` 属性包含的有效格式。 辅助设备可以获取这个值。 这个属性也有助于避免混乱,因为它规定了时间的标准化版本,甚至可以在文本中以非正式的方式或学术方式使用它。
|
继续日期主题。 HTML5 还引入了 `time` 标签与 `datetime` 属性来标准化时间。 `time` 元素是一个行内元素,用于在一个页面上显示日期或时间。 `datetime` 属性包含的有效格式。 辅助设备可以获取这个值。 这个属性也有助于避免混乱,因为它规定了时间的标准化版本,甚至可以在文本中以非正式的方式或学术方式使用它。
|
||||||
|
|
||||||
举个例子:
|
举个例子:
|
||||||
|
|
||||||
@ -19,7 +19,7 @@ dashedName: standardize-times-with-the-html5-datetime-attribute
|
|||||||
|
|
||||||
# --instructions--
|
# --instructions--
|
||||||
|
|
||||||
Camper Cat 的比武大会的时间确定了! 用 `time` 标签包裹文本 `Thursday, September 15<sup>th<sup>`,添加一个 `datetime` 属性,将属性值设置为 `2016-09-15`。
|
Camper Cat 格斗的调查结果出来了! 用 `time` 标签包裹文本 `Thursday, September 15<sup>th</sup>`,添加一个 `datetime` 属性,将属性值设置为 `2016-09-15`。
|
||||||
|
|
||||||
# --hints--
|
# --hints--
|
||||||
|
|
||||||
|
@ -29,6 +29,8 @@ dashedName: use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elem
|
|||||||
|
|
||||||
Camper Cat 在他的励志名言页面中有一个搜索区域,他打算使用 CSS 把这个区域定位在页面的右上角。 Camper Cat 希望他的搜索(search)`input` 与提交(submit)`input` 表单控件是 tab 键焦点顺序的前两项。 请给 `search` `input` 添加 `tabindex` 属性,将属性值设置为 `1`;给 `submit` `input` 添加一个 `tabindex` 属性,将属性值设置为 `2`。
|
Camper Cat 在他的励志名言页面中有一个搜索区域,他打算使用 CSS 把这个区域定位在页面的右上角。 Camper Cat 希望他的搜索(search)`input` 与提交(submit)`input` 表单控件是 tab 键焦点顺序的前两项。 请给 `search` `input` 添加 `tabindex` 属性,将属性值设置为 `1`;给 `submit` `input` 添加一个 `tabindex` 属性,将属性值设置为 `2`。
|
||||||
|
|
||||||
|
另一件需要注意的事情是,单击元素时,某些浏览器可能会将你置于 tab 键焦点顺序的中间位置。 页面上已添加一个元素,以确保你始终从 tab 键焦点顺序的开头开始。
|
||||||
|
|
||||||
# --hints--
|
# --hints--
|
||||||
|
|
||||||
应给 `search` `input` 标签添加一个 `tabindex` 属性。
|
应给 `search` `input` 标签添加一个 `tabindex` 属性。
|
||||||
@ -37,7 +39,7 @@ Camper Cat 在他的励志名言页面中有一个搜索区域,他打算使用
|
|||||||
assert($('#search').attr('tabindex'));
|
assert($('#search').attr('tabindex'));
|
||||||
```
|
```
|
||||||
|
|
||||||
应给 `submit` `input` 添加一个 `tabindex` 属性。
|
应给 `submit` `input` 标签添加一个 `tabindex` 属性。
|
||||||
|
|
||||||
```js
|
```js
|
||||||
assert($('#submit').attr('tabindex'));
|
assert($('#submit').attr('tabindex'));
|
||||||
@ -61,6 +63,7 @@ assert($('#submit').attr('tabindex') == '2');
|
|||||||
|
|
||||||
```html
|
```html
|
||||||
<body>
|
<body>
|
||||||
|
<div tabindex="1" class="overlay"></div>
|
||||||
<header>
|
<header>
|
||||||
<h1>Even Deeper Thoughts with Master Camper Cat</h1>
|
<h1>Even Deeper Thoughts with Master Camper Cat</h1>
|
||||||
<nav>
|
<nav>
|
||||||
@ -91,12 +94,26 @@ assert($('#submit').attr('tabindex') == '2');
|
|||||||
</blockquote>
|
</blockquote>
|
||||||
<footer>© 2018 Camper Cat</footer>
|
<footer>© 2018 Camper Cat</footer>
|
||||||
</body>
|
</body>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
.overlay {
|
||||||
|
margin: -8px;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
```
|
```
|
||||||
|
|
||||||
# --solutions--
|
# --solutions--
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<body>
|
<body>
|
||||||
|
<div tabindex="1" class="overlay"></div>
|
||||||
<header>
|
<header>
|
||||||
<h1>Even Deeper Thoughts with Master Camper Cat</h1>
|
<h1>Even Deeper Thoughts with Master Camper Cat</h1>
|
||||||
<nav>
|
<nav>
|
||||||
@ -127,4 +144,17 @@ assert($('#submit').attr('tabindex') == '2');
|
|||||||
</blockquote>
|
</blockquote>
|
||||||
<footer>© 2018 Camper Cat</footer>
|
<footer>© 2018 Camper Cat</footer>
|
||||||
</body>
|
</body>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
.overlay {
|
||||||
|
margin: -8px;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
```
|
```
|
||||||
|
@ -15,7 +15,7 @@ dashedName: override-class-declarations-with-inline-styles
|
|||||||
|
|
||||||
# --instructions--
|
# --instructions--
|
||||||
|
|
||||||
使用行内样式尝试让 `h1` 的字体颜色变白。 像这样使用:
|
使用行内样式尝试让 `h1` 的字体颜色变白。 记住,内联样式看起来是像这样:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<h1 style="color: green;">
|
<h1 style="color: green;">
|
||||||
|
@ -2,8 +2,8 @@
|
|||||||
id: bd7123c9c441eddfaeb4bdef
|
id: bd7123c9c441eddfaeb4bdef
|
||||||
title: 给代码添加注释
|
title: 给代码添加注释
|
||||||
challengeType: 1
|
challengeType: 1
|
||||||
videoUrl: 'https://scrimba.com/c/c7ynnTp'
|
|
||||||
removeComments: false
|
removeComments: false
|
||||||
|
videoUrl: 'https://scrimba.com/c/c7ynnTp'
|
||||||
forumTopicId: 16783
|
forumTopicId: 16783
|
||||||
dashedName: comment-your-javascript-code
|
dashedName: comment-your-javascript-code
|
||||||
---
|
---
|
||||||
|
@ -19,7 +19,7 @@ var sandwich = ["peanut butter", "jelly", "bread"]
|
|||||||
|
|
||||||
# --instructions--
|
# --instructions--
|
||||||
|
|
||||||
创建一个包含字符串(`string`)和数字( `number`)(按照字符串和数字的顺序)的数组`myArray`。
|
创建一个包含字符串(`string`)和数字( `number`)(按照字符串数字的顺序)的数组 `myArray`。
|
||||||
|
|
||||||
# --hints--
|
# --hints--
|
||||||
|
|
||||||
|
@ -32,7 +32,9 @@ dashedName: understanding-the-differences-between-the-freecodecamp-and-browser-c
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
__helpers.removeWhiteSpace(code).match(/console.clear\(\)/)
|
__helpers
|
||||||
|
.removeWhiteSpace(code)
|
||||||
|
.match(/console.clear\(\)/)
|
||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -32,9 +32,7 @@ const myPromise = new Promise((resolve, reject) => {
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
code.match(
|
code.match(/if\s*\(\s*responseFromServer\s*\)\s*{\s*resolve\s*\(\s*('|"|`)We got the data\1\s*\)(\s*|\s*;\s*)}/g)
|
||||||
/if\s*\(\s*responseFromServer\s*\)\s*{\s*resolve\s*\(\s*('|"|`)We got the data\1\s*\)(\s*|\s*;\s*)}/g
|
|
||||||
)
|
|
||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -42,9 +40,7 @@ assert(
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
code.match(
|
code.match(/}\s*else\s*{\s*reject\s*\(\s*('|"|`)Data not received\1\s*\)(\s*|\s*;\s*)}/g)
|
||||||
/}\s*else\s*{\s*reject\s*\(\s*('|"|`)Data not received\1\s*\)(\s*|\s*;\s*)}/g
|
|
||||||
)
|
|
||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -51,9 +51,7 @@ assert(
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
code.match(
|
code.match(/(var|let|const)\s*{\s*(today[^}]*|[^,]*,\s*today)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
|
||||||
/(var|let|const)\s*{\s*(today[^}]*|[^,]*,\s*today)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
|
|
||||||
)
|
|
||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -61,9 +59,7 @@ assert(
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
code.match(
|
code.match(/(var|let|const)\s*{\s*(tomorrow[^}]*|[^,]*,\s*tomorrow)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
|
||||||
/(var|let|const)\s*{\s*(tomorrow[^}]*|[^,]*,\s*tomorrow)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
|
|
||||||
)
|
|
||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -19,7 +19,7 @@ Aquí hay un ejemplo:
|
|||||||
|
|
||||||
# --instructions--
|
# --instructions--
|
||||||
|
|
||||||
¡Ya tenemos los resultados de la encuesta de Mortal Kombat de Camper Cat! Envuelve una etiqueta `time` alrededor del texto `Thursday, September 15<sup>th<sup>` y agrega un atributo `datetime` establecido en `2016-09-15`.
|
¡Ya tenemos los resultados de la encuesta de Mortal Kombat de Camper Cat! Envuelve una etiqueta `time` alrededor del texto `Thursday, September 15<sup>th</sup>` y agregua un atributo `datetime` establecido en `2016-09-15`.
|
||||||
|
|
||||||
# --hints--
|
# --hints--
|
||||||
|
|
||||||
|
@ -2,8 +2,8 @@
|
|||||||
id: bd7123c9c441eddfaeb4bdef
|
id: bd7123c9c441eddfaeb4bdef
|
||||||
title: Comenta tu código de JavaScript
|
title: Comenta tu código de JavaScript
|
||||||
challengeType: 1
|
challengeType: 1
|
||||||
videoUrl: 'https://scrimba.com/c/c7ynnTp'
|
|
||||||
removeComments: false
|
removeComments: false
|
||||||
|
videoUrl: 'https://scrimba.com/c/c7ynnTp'
|
||||||
forumTopicId: 16783
|
forumTopicId: 16783
|
||||||
dashedName: comment-your-javascript-code
|
dashedName: comment-your-javascript-code
|
||||||
---
|
---
|
||||||
|
@ -32,9 +32,7 @@ Haz una función promesa que maneje el éxito y el fallo. Si `responseFromServer
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
code.match(
|
code.match(/if\s*\(\s*responseFromServer\s*\)\s*{\s*resolve\s*\(\s*('|"|`)We got the data\1\s*\)(\s*|\s*;\s*)}/g)
|
||||||
/if\s*\(\s*responseFromServer\s*\)\s*{\s*resolve\s*\(\s*('|"|`)We got the data\1\s*\)(\s*|\s*;\s*)}/g
|
|
||||||
)
|
|
||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -42,9 +40,7 @@ assert(
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
code.match(
|
code.match(/}\s*else\s*{\s*reject\s*\(\s*('|"|`)Data not received\1\s*\)(\s*|\s*;\s*)}/g)
|
||||||
/}\s*else\s*{\s*reject\s*\(\s*('|"|`)Data not received\1\s*\)(\s*|\s*;\s*)}/g
|
|
||||||
)
|
|
||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -51,9 +51,7 @@ Debes usar desestructuración para crear la variable `today`.
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
code.match(
|
code.match(/(var|let|const)\s*{\s*(today[^}]*|[^,]*,\s*today)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
|
||||||
/(var|let|const)\s*{\s*(today[^}]*|[^,]*,\s*today)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
|
|
||||||
)
|
|
||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -61,9 +59,7 @@ Debes usar desestructuración para crear la variable `tomorrow`.
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
code.match(
|
code.match(/(var|let|const)\s*{\s*(tomorrow[^}]*|[^,]*,\s*tomorrow)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
|
||||||
/(var|let|const)\s*{\s*(tomorrow[^}]*|[^,]*,\s*tomorrow)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
|
|
||||||
)
|
|
||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
id: bad87fee1348bd9aec908855
|
id: bad87fee1348bd9aec908855
|
||||||
title: Give Each Element a Unique id
|
title: Dale a cada elemento un id único
|
||||||
challengeType: 0
|
challengeType: 0
|
||||||
forumTopicId: 18191
|
forumTopicId: 18191
|
||||||
dashedName: give-each-element-a-unique-id
|
dashedName: give-each-element-a-unique-id
|
||||||
@ -8,15 +8,15 @@ dashedName: give-each-element-a-unique-id
|
|||||||
|
|
||||||
# --description--
|
# --description--
|
||||||
|
|
||||||
We will also want to be able to use jQuery to target each button by its unique id.
|
También vamos a querer poder usar jQuery para apuntar a cada botón por su identificación única.
|
||||||
|
|
||||||
Give each of your buttons a unique id, starting with `target1` and ending with `target6`.
|
Da a cada uno de tus botones un id único, empezando con `target1` y terminando con `target6`.
|
||||||
|
|
||||||
Make sure that `target1` to `target3` are in `#left-well`, and `target4` to `target6` are in `#right-well`.
|
Asegúrate de que `target1` a `target3` estén en `#left-well`, y `target4` a `target6` están en `#right-well`.
|
||||||
|
|
||||||
# --hints--
|
# --hints--
|
||||||
|
|
||||||
One `button` element should have the id `target1`.
|
Un elemento `button` debe tener el id `target1`.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
@ -25,7 +25,7 @@ assert(
|
|||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
One `button` element should have the id `target2`.
|
Un elemento `button` debe tener el id `target2`.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
@ -34,7 +34,7 @@ assert(
|
|||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
One `button` element should have the id `target3`.
|
Un elemento `button` debe tener el id `target3`.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
@ -43,7 +43,7 @@ assert(
|
|||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
One `button` element should have the id `target4`.
|
Un elemento `button` debe tener el id `target4`.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
@ -52,7 +52,7 @@ assert(
|
|||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
One `button` element should have the id `target5`.
|
Un elemento `button` debe tener el id `target5`.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
@ -61,7 +61,7 @@ assert(
|
|||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
One `button` element should have the id `target6`.
|
Un elemento `button` debe tener el id `target6`.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
id: bad87fee1348bd9aec908854
|
id: bad87fee1348bd9aec908854
|
||||||
title: Label Bootstrap Wells
|
title: Etiqueta Wells de Boostrap
|
||||||
challengeType: 0
|
challengeType: 0
|
||||||
forumTopicId: 18223
|
forumTopicId: 18223
|
||||||
dashedName: label-bootstrap-wells
|
dashedName: label-bootstrap-wells
|
||||||
@ -8,15 +8,15 @@ dashedName: label-bootstrap-wells
|
|||||||
|
|
||||||
# --description--
|
# --description--
|
||||||
|
|
||||||
For the sake of clarity, let's label both of our wells with their ids.
|
Para mayor claridad, etiquetemos ambos `well` con sus ids.
|
||||||
|
|
||||||
Above your left-well, inside its `col-xs-6` `div` element, add a `h4` element with the text `#left-well`.
|
Sobre tu "left-well", dentro del elemento `col-xs-6` `div`, agrega el elemento `h4` con el texto `#left-well`.
|
||||||
|
|
||||||
Above your right-well, inside its `col-xs-6` `div` element, add a `h4` element with the text `#right-well`.
|
Sobre tu "right-well", dentro del elemento `col-xs-6` `div`, agrega el elemento `h4` con el texto `#right-well`.
|
||||||
|
|
||||||
# --hints--
|
# --hints--
|
||||||
|
|
||||||
You should add an `h4` element to each of your `<div class="col-xs-6">` elements.
|
Debes añadir un elemento `h4` para cada uno de sus elementos `<div class="col-xs-6">`.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
@ -24,19 +24,19 @@ assert(
|
|||||||
);
|
);
|
||||||
```
|
```
|
||||||
|
|
||||||
One `h4` element should have the text `#left-well`.
|
Un elemento `h4` debe contener el texto `#left-well`.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
assert(new RegExp('#left-well', 'gi').test($('h4').text()));
|
assert(new RegExp('#left-well', 'gi').test($('h4').text()));
|
||||||
```
|
```
|
||||||
|
|
||||||
One `h4` element should have the text `#right-well`.
|
Un elemento `h4` debe contener el texto `#right-well`.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
assert(new RegExp('#right-well', 'gi').test($('h4').text()));
|
assert(new RegExp('#right-well', 'gi').test($('h4').text()));
|
||||||
```
|
```
|
||||||
|
|
||||||
All of your `h4` elements should have closing tags.
|
Todos los elementos `h4` deben contener etiquetas de cierre.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
assert(
|
assert(
|
||||||
|
Reference in New Issue
Block a user