Fixing some Spanish translations (#18866)
This commit is contained in:
MariLuz
committed by
Kristofer Koishigawa
Kristofer Koishigawa
parent
9a51e8ebb5
commit
045ddc156c
@ -8,7 +8,7 @@ localeTitle: Crear un formulario de encuesta
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/VPaoNP" target="_blank">https://codepen.io/freeCodeCamp/full/VPaoNP</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar HTML, JavaScript y CSS para completar este proyecto. Se recomienda CSS simple porque eso es lo que las lecciones han cubierto hasta ahora y debe obtener algo de práctica con CSS simple. Puede utilizar Bootstrap o SASS si lo desea. No se recomiendan tecnologías adicionales (solo por ejemplo, jQuery, React, Angular o Vue) para este proyecto, y su uso es bajo su propio riesgo. Otros proyectos te darán la oportunidad de trabajar con diferentes pilas de tecnología como React. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> Puedo ver un título con <code>id="title"</code> en texto de tamaño H1. <strong>Historia de usuario n. ° 2:</strong> Puedo ver una breve explicación con <code>id="description"</code> en texto de tamaño P. <strong>Historia de usuario n. ° 3:</strong> Puedo ver un <code>form</code> con <code>id="survey-form"</code> . <strong>Historia de usuario # 4:</strong> Dentro del elemento del formulario, debo ingresar mi nombre en un campo con <code>id="name"</code> . <strong>Historia de usuario n. ° 5:</strong> Dentro del elemento del formulario, debo ingresar un correo electrónico en un campo con <code>id="email"</code> . <strong>Historia de usuario n. ° 6:</strong> Si ingreso un correo electrónico que no tiene el formato correcto, veré un error de validación de HTML5. <strong>Historia de usuario n. ° 7:</strong> Dentro del formulario, puedo ingresar un número en un campo con <code>id="number"</code> . <strong>Historia de usuario n. ° 8:</strong> Si ingreso números que no son números en la entrada del número, veré un error de validación de HTML5. <strong>Historia de usuario n. ° 9:</strong> si ingreso números fuera del rango del ingreso de números, que están definidos por los atributos <code>min</code> y <code>max</code> , veré un error de validación de HTML5. <strong>Historia de usuario n. ° 10:</strong> Para los campos de ingreso de nombre, correo electrónico y número dentro del formulario, puedo ver las etiquetas correspondientes que describen el propósito de cada campo con los siguientes <code>id="name-label"</code> : <code>id="name-label"</code> , <code>id="email-label"</code> , y <code>id="number-label"</code> . <strong>Historia de usuario n. ° 11:</strong> Para los campos de ingreso de nombre, correo electrónico y número, puedo ver el texto del marcador de posición que me da una descripción o instrucciones para cada campo. <strong>Historia del usuario n. ° 12:</strong> Dentro del elemento del formulario, puedo seleccionar una opción de un menú desplegable que tiene un <code>id="dropdown"</code> correspondiente <code>id="dropdown"</code> . <strong>Historia de usuario n. ° 13:</strong> Dentro del elemento del formulario, puedo seleccionar un campo de uno o más grupos de botones de radio. Cada grupo debe agruparse usando el atributo de <code>name</code> . <strong>Historia de usuario n. ° 14:</strong> Dentro del elemento del formulario, puedo seleccionar varios campos de una serie de casillas de verificación, cada una de las cuales debe tener un atributo de <code>value</code> . <strong>Historia de usuario # 15:</strong> Dentro del elemento del formulario, me presentan un área de <code>textarea</code> al final para comentarios adicionales. <strong>Historia de usuario n. ° 16:</strong> Dentro del elemento de formulario, se me presenta un botón con <code>id="submit"</code> para enviar todas mis entradas. Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </section>
|
||||
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/VPaoNP" target="_blank">https://codepen.io/freeCodeCamp/full/VPaoNP</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar HTML, JavaScript y CSS para completar este proyecto. Se recomienda CSS simple porque eso es lo que las lecciones han cubierto hasta ahora y debe obtener algo de práctica con CSS simple. Puede utilizar Bootstrap o SASS si lo desea. No se recomiendan tecnologías adicionales (solo por ejemplo, jQuery, React, Angular o Vue) para este proyecto, y su uso es bajo su propio riesgo. Otros proyectos te darán la oportunidad de trabajar con diferentes pilas de tecnología como React. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> Puedo ver un título con <code>id="title"</code> en texto de tamaño H1. <strong>Historia de usuario n. ° 2:</strong> Puedo ver una breve explicación con <code>id="description"</code> en texto de tamaño P. <strong>Historia de usuario n. ° 3:</strong> Puedo ver un <code>form</code> con <code>id="survey-form"</code> . <strong>Historia de usuario # 4:</strong> Dentro del elemento del formulario, debo ingresar mi nombre en un campo con <code>id="name"</code> . <strong>Historia de usuario n. ° 5:</strong> Dentro del elemento del formulario, debo ingresar un correo electrónico en un campo con <code>id="email"</code> . <strong>Historia de usuario n. ° 6:</strong> Si ingreso un correo electrónico que no tiene el formato correcto, veré un error de validación de HTML5. <strong>Historia de usuario n. ° 7:</strong> Dentro del formulario, puedo ingresar un número en un campo con <code>id="number"</code> . <strong>Historia de usuario n. ° 8:</strong> Si ingreso números que no son números en la entrada del número, veré un error de validación de HTML5. <strong>Historia de usuario n. ° 9:</strong> si ingreso números fuera del rango del ingreso de números, que están definidos por los atributos <code>min</code> y <code>max</code> , veré un error de validación de HTML5. <strong>Historia de usuario n. ° 10:</strong> Para los campos de ingreso de nombre, correo electrónico y número dentro del formulario, puedo ver las etiquetas correspondientes que describen el propósito de cada campo con los siguientes <code>id="name-label"</code> : <code>id="name-label"</code> , <code>id="email-label"</code> , y <code>id="number-label"</code> . <strong>Historia de usuario n. ° 11:</strong> Para los campos de ingreso de nombre, correo electrónico y número, puedo ver el texto del marcador de posición que me da una descripción o instrucciones para cada campo. <strong>Historia del usuario n. ° 12:</strong> Dentro del elemento del formulario, puedo seleccionar una opción de un menú desplegable que tiene un <code>id="dropdown"</code> correspondiente <code>id="dropdown"</code> . <strong>Historia de usuario n. ° 13:</strong> Dentro del elemento del formulario, puedo seleccionar un campo de uno o más grupos de botones de radio. Cada grupo debe agruparse usando el atributo de <code>name</code> . <strong>Historia de usuario n. ° 14:</strong> Dentro del elemento del formulario, puedo seleccionar varios campos de una serie de casillas de verificación, cada una de las cuales debe tener un atributo de <code>value</code> . <strong>Historia de usuario # 15:</strong> Dentro del elemento del formulario, me presentan un área de <code>textarea</code> al final para comentarios adicionales. <strong>Historia de usuario n. ° 16:</strong> Dentro del elemento de formulario, se me presenta un botón con <code>id="submit"</code> para enviar todas mis entradas. Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -3,7 +3,7 @@ id: bad87fee1348bd9aec908849
|
||||
title: Add Elements within Your Bootstrap Wells
|
||||
challengeType: 0
|
||||
videoUrl: ''
|
||||
localeTitle: Agrega elementos dentro de tus pozos de Bootstrap
|
||||
localeTitle: Agrega elementos dentro de tus cajas de Bootstrap
|
||||
---
|
||||
|
||||
## Description
|
||||
|
||||
@ -7,7 +7,7 @@ localeTitle: Añadir atributos de ID a los elementos Bootstrap
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Recuerde que además de los atributos de clase, puede asignar a cada uno de sus elementos un atributo <code>id</code> . Cada id debe ser único para un elemento específico y se debe utilizar solo una vez por página. Demos una identificación única a cada uno de nuestros elementos <code>div</code> de clase <code>well</code> . Recuerde que puede asignar a un elemento una identificación como esta: <code><div class="well" id="center-well"></code> Déle al pozo de la izquierda el id del <code>left-well</code> . Dale al pozo de la derecha la identificación del <code>right-well</code> . </section>
|
||||
<section id="description"> Recuerde que además de los atributos de clase, puede asignar a cada uno de sus elementos un atributo <code>id</code> . Cada id debe ser único para un elemento específico y se debe utilizar solo una vez por página. Demos una identificación única a cada uno de nuestros elementos <code>div</code> de clase <code>well</code> . Recuerde que puede asignar a un elemento una identificación como esta: <code><div class="well" id="center-well"></code> Déle a la caja de la izquierda el id del <code>left-well</code> . Dale a la caja de la derecha la identificación del <code>right-well</code> . </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -7,7 +7,7 @@ localeTitle: Botones de etiqueta Bootstrap
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Al igual que etiquetamos nuestros pozos, queremos etiquetar nuestros botones. Dé a cada uno de los elementos de su <code>button</code> texto que corresponda al selector de su <code>id</code> . </section>
|
||||
<section id="description"> Al igual que etiquetamos nuestras cajas, queremos etiquetar nuestros botones. Ponga a cada uno de los elementos <code>button</code> texto que corresponda al selector de su <code>id</code> . </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -7,7 +7,7 @@ localeTitle: Etiqueta Bootstrap Wells
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Para mayor claridad, etiquetemos nuestros pozos con sus identificadores. Por encima de su pozo izquierdo, dentro de su elemento <code>div</code> <code>col-xs-6</code> , agregue un elemento <code>h4</code> con el texto <code>#left-well</code> . Por encima de su derecha-bien, dentro de su elemento <code>div</code> <code>col-xs-6</code> , agregue un elemento <code>h4</code> con el texto <code>#right-well</code> . </section>
|
||||
<section id="description"> Para mayor claridad, etiquetemos nuestras cajas con sus identificadores. Por encima de la caja-izquierda (left-well), dentro de su elemento <code>div</code> <code>col-xs-6</code> , agregue un elemento <code>h4</code> con el texto <code>#left-well</code> . Por encima de su caja-derecha(right-well), dentro de su elemento <code>div</code> <code>col-xs-6</code> , agregue un elemento <code>h4</code> con el texto <code>#right-well</code> . </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@ -18,7 +18,7 @@ Bootstrap 4 estuvo en desarrollo durante dos años antes de lanzar algunas versi
|
||||
|
||||
* Movido de Less a Sass;
|
||||
* Se trasladó a Flexbox y se mejoró el sistema de red;
|
||||
* Tarjetas agregadas (reemplazo de pozos, miniaturas y paneles);
|
||||
* Tarjetas agregadas (reemplazo de cajas, miniaturas y paneles);
|
||||
* ¡Y mucho más!
|
||||
|
||||
En el momento de escribir este artículo, la última versión de Bootstrap es \[4.1.3\] (http://blog.getbootstrap.com/2018/07/24/bootstrap-4-1-3/ ). Si desea mantenerse al día con cualquier noticia de anuncios, sígalos [aquí](http://blog.getbootstrap.com/) .
|
||||
@ -79,4 +79,9 @@ Además, puedes encontrar tanto [gratuitos](https://bootswatch.com/) como de [pa
|
||||
|
||||
#### Recursos Bootstrap:
|
||||
|
||||
[Blog oficial de Bootstrap](http://blog.getbootstrap.com/) [Inspiración del sitio Bootstrap](http://expo.getbootstrap.com/) [Escaparate de sitios construidos utilizando Bootstrap.](http://builtwithbootstrap.com/) [Linter HTML para proyectos usando Bootstrap](https://github.com/twbs/bootlint) [Elementos de diseño y fragmentos de código para Bootstrap](https://bootsnipp.com/) [Código, tema y recursos complementarios para Bootstrap](http://expo.getbootstrap.com/resources/)
|
||||
- [Blog oficial de Bootstrap](http://blog.getbootstrap.com/)
|
||||
- [Inspiración del sitio Bootstrap](http://expo.getbootstrap.com/)
|
||||
- [Escaparate de sitios construidos utilizando Bootstrap.](http://builtwithbootstrap.com/)
|
||||
- [Linter HTML para proyectos usando Bootstrap](https://github.com/twbs/bootlint)
|
||||
- [Elementos de diseño y fragmentos de código para Bootstrap](https://bootsnipp.com/)
|
||||
- [Código, tema y recursos complementarios para Bootstrap](http://expo.getbootstrap.com/resources/)
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
---
|
||||
title: Add Elements within Your Bootstrap Wells
|
||||
localeTitle: Agrega elementos dentro de tus pozos de Bootstrap
|
||||
localeTitle: Agrega elementos dentro de tus cajas de Bootstrap
|
||||
---
|
||||
## Agrega elementos dentro de tus pozos de Bootstrap
|
||||
## Agrega elementos dentro de tus cajas de Bootstrap
|
||||
|
||||
En el último desafío, usted creó un div con la clase de pozo, este desafío ahora requiere que agregue 3 elementos de botón en cada uno de los pozos.
|
||||
En el último desafío, usted creó un div con la clase caja (well), este desafío ahora requiere que agregue 3 elementos de botón en cada uno de las cajas.
|
||||
|
||||
### Insinuación
|
||||
|
||||
@ -17,7 +17,7 @@ Un botón se declara de la siguiente manera:
|
||||
|
||||
### Solución
|
||||
|
||||
Como tenemos que declarar 3 botones en cada pozo, haríamos lo siguiente:
|
||||
Como tenemos que declarar 3 botones en cada caja, haríamos lo siguiente:
|
||||
|
||||
```html
|
||||
|
||||
@ -41,4 +41,4 @@ Como tenemos que declarar 3 botones en cada pozo, haríamos lo siguiente:
|
||||
</div>
|
||||
</div>
|
||||
|
||||
```
|
||||
```
|
||||
|
||||
@ -21,15 +21,15 @@ Editar las etiquetas div que tienen la clase bien
|
||||
|
||||
### Sugerencia 3
|
||||
|
||||
Utilice diferentes ID para ambos pozos.
|
||||
Utilice diferentes ID para ambas cajas.
|
||||
|
||||
### Sugerencia 4
|
||||
|
||||
Dale al pozo de la izquierda la identificación de `left-well` y al pozo de la derecha la identificación de `right-well` .
|
||||
Dale a la caja de la izquierda la identificación de `left-well` y a la caja de la derecha la identificación de `right-well` .
|
||||
|
||||
### Solución
|
||||
|
||||
Dado que tiene que agregar ID (s) a ambos pozos y tener ambos con un ID único, la siguiente es la solución:
|
||||
Dado que tiene que agregar ID (s) a ambas cajas y tener ambos con un ID único, la siguiente es la solución:
|
||||
|
||||
```html
|
||||
|
||||
@ -53,4 +53,4 @@ Dado que tiene que agregar ID (s) a ambos pozos y tener ambos con un ID único,
|
||||
</div>
|
||||
</div>
|
||||
|
||||
```
|
||||
```
|
||||
|
||||
@ -4,7 +4,7 @@ localeTitle: Aplicar el estilo de botón predeterminado Bootstrap
|
||||
---
|
||||
## Aplicar el estilo de botón predeterminado Bootstrap
|
||||
|
||||
El último desafío lo llevó a crear 6 botones, 3 en cada elemento de pozo, esta vez se le pedirá que agregue clases a esos botones.
|
||||
El último desafío lo llevó a crear 6 botones, 3 en cada caja, esta vez se le pedirá que agregue clases a esos botones.
|
||||
|
||||
### Insinuación
|
||||
|
||||
@ -41,4 +41,4 @@ Dado que tiene que agregar las clases `btn` y `btn-default` , la siguiente es la
|
||||
</div>
|
||||
</div>
|
||||
|
||||
```
|
||||
```
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: Add Elements Within Your Bootstrap Wells
|
||||
localeTitle: Agrega elementos dentro de tus pozos de Bootstrap
|
||||
localeTitle: Agrega elementos dentro de tus cajas de Bootstrap
|
||||
---
|
||||
Una vez que haya profundizado lo suficiente en `divs` , puede comenzar a agregar sus botones Bootstrap.
|
||||
Una vez que haya profundizado lo suficiente en `divs` , puede comenzar a agregar sus botones Bootstrap.
|
||||
|
||||
Reference in New Issue
Block a user