chore(i18n,curriculum): update translations (#41945)
This commit is contained in:
@ -9,7 +9,7 @@ dashedName: standardize-times-with-the-html5-datetime-attribute
|
||||
|
||||
# --description--
|
||||
|
||||
继续日期主题。 HTML5 还引入了 `time` 标签与 `datetime` 属性来标准化时间。 `datetime` 属性是一个内联元素,可以在一个页面上包含日期或时间。 `datetime` 属性包含的有效格式。 辅助设备可以获取这个值。 这个属性也有助于避免混乱,因为它规定了时间的标准化版本,甚至可以在文本中以非正式的方式或学术方式使用它。
|
||||
继续日期主题。 HTML5 还引入了 `time` 标签与 `datetime` 属性来标准化时间。 `time` 元素是一个行内元素,用于在一个页面上显示日期或时间。 `datetime` 属性包含的有效格式。 辅助设备可以获取这个值。 这个属性也有助于避免混乱,因为它规定了时间的标准化版本,甚至可以在文本中以非正式的方式或学术方式使用它。
|
||||
|
||||
举个例子:
|
||||
|
||||
@ -19,7 +19,7 @@ dashedName: standardize-times-with-the-html5-datetime-attribute
|
||||
|
||||
# --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--
|
||||
|
||||
|
@ -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`。
|
||||
|
||||
另一件需要注意的事情是,单击元素时,某些浏览器可能会将你置于 tab 键焦点顺序的中间位置。 页面上已添加一个元素,以确保你始终从 tab 键焦点顺序的开头开始。
|
||||
|
||||
# --hints--
|
||||
|
||||
应给 `search` `input` 标签添加一个 `tabindex` 属性。
|
||||
@ -37,7 +39,7 @@ Camper Cat 在他的励志名言页面中有一个搜索区域,他打算使用
|
||||
assert($('#search').attr('tabindex'));
|
||||
```
|
||||
|
||||
应给 `submit` `input` 添加一个 `tabindex` 属性。
|
||||
应给 `submit` `input` 标签添加一个 `tabindex` 属性。
|
||||
|
||||
```js
|
||||
assert($('#submit').attr('tabindex'));
|
||||
@ -61,6 +63,7 @@ assert($('#submit').attr('tabindex') == '2');
|
||||
|
||||
```html
|
||||
<body>
|
||||
<div tabindex="1" class="overlay"></div>
|
||||
<header>
|
||||
<h1>Even Deeper Thoughts with Master Camper Cat</h1>
|
||||
<nav>
|
||||
@ -91,12 +94,26 @@ assert($('#submit').attr('tabindex') == '2');
|
||||
</blockquote>
|
||||
<footer>© 2018 Camper Cat</footer>
|
||||
</body>
|
||||
<style>
|
||||
body {
|
||||
height: 100%;
|
||||
margin: 0 !important;
|
||||
padding: 8px;
|
||||
}
|
||||
.overlay {
|
||||
margin: -8px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
```
|
||||
|
||||
# --solutions--
|
||||
|
||||
```html
|
||||
<body>
|
||||
<div tabindex="1" class="overlay"></div>
|
||||
<header>
|
||||
<h1>Even Deeper Thoughts with Master Camper Cat</h1>
|
||||
<nav>
|
||||
@ -127,4 +144,17 @@ assert($('#submit').attr('tabindex') == '2');
|
||||
</blockquote>
|
||||
<footer>© 2018 Camper Cat</footer>
|
||||
</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--
|
||||
|
||||
使用行内样式尝试让 `h1` 的字体颜色变白。 像这样使用:
|
||||
使用行内样式尝试让 `h1` 的字体颜色变白。 记住,内联样式看起来是像这样:
|
||||
|
||||
```html
|
||||
<h1 style="color: green;">
|
||||
|
@ -2,8 +2,8 @@
|
||||
id: bd7123c9c441eddfaeb4bdef
|
||||
title: 给代码添加注释
|
||||
challengeType: 1
|
||||
videoUrl: 'https://scrimba.com/c/c7ynnTp'
|
||||
removeComments: false
|
||||
videoUrl: 'https://scrimba.com/c/c7ynnTp'
|
||||
forumTopicId: 16783
|
||||
dashedName: comment-your-javascript-code
|
||||
---
|
||||
|
@ -19,7 +19,7 @@ var sandwich = ["peanut butter", "jelly", "bread"]
|
||||
|
||||
# --instructions--
|
||||
|
||||
创建一个包含字符串(`string`)和数字( `number`)(按照字符串和数字的顺序)的数组`myArray`。
|
||||
创建一个包含字符串(`string`)和数字( `number`)(按照字符串数字的顺序)的数组 `myArray`。
|
||||
|
||||
# --hints--
|
||||
|
||||
|
@ -32,7 +32,9 @@ dashedName: understanding-the-differences-between-the-freecodecamp-and-browser-c
|
||||
|
||||
```js
|
||||
assert(
|
||||
__helpers.removeWhiteSpace(code).match(/console.clear\(\)/)
|
||||
__helpers
|
||||
.removeWhiteSpace(code)
|
||||
.match(/console.clear\(\)/)
|
||||
);
|
||||
```
|
||||
|
||||
|
@ -32,9 +32,7 @@ const myPromise = new Promise((resolve, reject) => {
|
||||
|
||||
```js
|
||||
assert(
|
||||
code.match(
|
||||
/if\s*\(\s*responseFromServer\s*\)\s*{\s*resolve\s*\(\s*('|"|`)We got the data\1\s*\)(\s*|\s*;\s*)}/g
|
||||
)
|
||||
code.match(/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
|
||||
assert(
|
||||
code.match(
|
||||
/}\s*else\s*{\s*reject\s*\(\s*('|"|`)Data not received\1\s*\)(\s*|\s*;\s*)}/g
|
||||
)
|
||||
code.match(/}\s*else\s*{\s*reject\s*\(\s*('|"|`)Data not received\1\s*\)(\s*|\s*;\s*)}/g)
|
||||
);
|
||||
```
|
||||
|
||||
|
@ -51,9 +51,7 @@ assert(
|
||||
|
||||
```js
|
||||
assert(
|
||||
code.match(
|
||||
/(var|let|const)\s*{\s*(today[^}]*|[^,]*,\s*today)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
|
||||
)
|
||||
code.match(/(var|let|const)\s*{\s*(today[^}]*|[^,]*,\s*today)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
|
||||
);
|
||||
```
|
||||
|
||||
@ -61,9 +59,7 @@ assert(
|
||||
|
||||
```js
|
||||
assert(
|
||||
code.match(
|
||||
/(var|let|const)\s*{\s*(tomorrow[^}]*|[^,]*,\s*tomorrow)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
|
||||
)
|
||||
code.match(/(var|let|const)\s*{\s*(tomorrow[^}]*|[^,]*,\s*tomorrow)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
|
||||
);
|
||||
```
|
||||
|
||||
|
@ -19,7 +19,7 @@ Aquí hay un ejemplo:
|
||||
|
||||
# --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--
|
||||
|
||||
|
@ -2,8 +2,8 @@
|
||||
id: bd7123c9c441eddfaeb4bdef
|
||||
title: Comenta tu código de JavaScript
|
||||
challengeType: 1
|
||||
videoUrl: 'https://scrimba.com/c/c7ynnTp'
|
||||
removeComments: false
|
||||
videoUrl: 'https://scrimba.com/c/c7ynnTp'
|
||||
forumTopicId: 16783
|
||||
dashedName: comment-your-javascript-code
|
||||
---
|
||||
|
@ -32,9 +32,7 @@ Haz una función promesa que maneje el éxito y el fallo. Si `responseFromServer
|
||||
|
||||
```js
|
||||
assert(
|
||||
code.match(
|
||||
/if\s*\(\s*responseFromServer\s*\)\s*{\s*resolve\s*\(\s*('|"|`)We got the data\1\s*\)(\s*|\s*;\s*)}/g
|
||||
)
|
||||
code.match(/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
|
||||
assert(
|
||||
code.match(
|
||||
/}\s*else\s*{\s*reject\s*\(\s*('|"|`)Data not received\1\s*\)(\s*|\s*;\s*)}/g
|
||||
)
|
||||
code.match(/}\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
|
||||
assert(
|
||||
code.match(
|
||||
/(var|let|const)\s*{\s*(today[^}]*|[^,]*,\s*today)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
|
||||
)
|
||||
code.match(/(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
|
||||
assert(
|
||||
code.match(
|
||||
/(var|let|const)\s*{\s*(tomorrow[^}]*|[^,]*,\s*tomorrow)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
|
||||
)
|
||||
code.match(/(var|let|const)\s*{\s*(tomorrow[^}]*|[^,]*,\s*tomorrow)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
|
||||
);
|
||||
```
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
---
|
||||
id: bad87fee1348bd9aec908855
|
||||
title: Give Each Element a Unique id
|
||||
title: Dale a cada elemento un id único
|
||||
challengeType: 0
|
||||
forumTopicId: 18191
|
||||
dashedName: give-each-element-a-unique-id
|
||||
@ -8,15 +8,15 @@ dashedName: give-each-element-a-unique-id
|
||||
|
||||
# --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--
|
||||
|
||||
One `button` element should have the id `target1`.
|
||||
Un elemento `button` debe tener el id `target1`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -25,7 +25,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
One `button` element should have the id `target2`.
|
||||
Un elemento `button` debe tener el id `target2`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -34,7 +34,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
One `button` element should have the id `target3`.
|
||||
Un elemento `button` debe tener el id `target3`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -43,7 +43,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
One `button` element should have the id `target4`.
|
||||
Un elemento `button` debe tener el id `target4`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -52,7 +52,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
One `button` element should have the id `target5`.
|
||||
Un elemento `button` debe tener el id `target5`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -61,7 +61,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
One `button` element should have the id `target6`.
|
||||
Un elemento `button` debe tener el id `target6`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
|
@ -1,6 +1,6 @@
|
||||
---
|
||||
id: bad87fee1348bd9aec908854
|
||||
title: Label Bootstrap Wells
|
||||
title: Etiqueta Wells de Boostrap
|
||||
challengeType: 0
|
||||
forumTopicId: 18223
|
||||
dashedName: label-bootstrap-wells
|
||||
@ -8,15 +8,15 @@ dashedName: label-bootstrap-wells
|
||||
|
||||
# --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--
|
||||
|
||||
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
|
||||
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
|
||||
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
|
||||
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
|
||||
assert(
|
||||
|
Reference in New Issue
Block a user