From 07066df9a7224018b18f4fe22a02ab120a69148f Mon Sep 17 00:00:00 2001
From: Alexander <alexander_belial999@hotmail.com>
Date: Fri, 1 Sep 2023 10:28:40 -0600
Subject: [PATCH] es: Translate English content (#15384)

* es: Translate English content
---
 .../index.md                                  |   6 +-
 .../what_is_a_domain_name/index.md            |   8 +-
 .../css/styling_text/fundamentals/index.md    | 169 ++++++++--------
 files/es/learn/forms/form_validation/index.md |  28 ++-
 .../debugging_html/index.md                   |  46 ++---
 .../getting_started/index.md                  |  22 ++-
 .../building_blocks/conditionals/index.md     | 182 +++++++++---------
 .../javascript/first_steps/arrays/index.md    | 112 +++++------
 .../useful_string_methods/index.md            | 125 ++++++------
 .../objects/object_prototypes/index.md        |  20 +-
 .../django/authentication/index.md            |  98 +++++-----
 .../server-side/django/deployment/index.md    | 100 +++++-----
 .../server-side/django/generic_views/index.md |  82 ++++----
 13 files changed, 507 insertions(+), 491 deletions(-)

diff --git a/files/es/learn/common_questions/web_mechanics/pages_sites_servers_and_search_engines/index.md b/files/es/learn/common_questions/web_mechanics/pages_sites_servers_and_search_engines/index.md
index 236225a191cb7a..662dcba91a6bf4 100644
--- a/files/es/learn/common_questions/web_mechanics/pages_sites_servers_and_search_engines/index.md
+++ b/files/es/learn/common_questions/web_mechanics/pages_sites_servers_and_search_engines/index.md
@@ -72,13 +72,13 @@ Una **página web** es un simple documento que puede ser mostrado por un {{Gloss
 
 Todas las páginas web disponibles en la red son accesibles mediante una dirección única. Para acceder a una página, simplemente escribe su direcciones en la barra de búsqueda de tu navegador:
 
-![Example of a web page address in the browser address bar](web-page.jpg)
+![Ejemplo de dirección de una página web en la barra de direcciones del navegador](web-page.jpg)
 
 Un _sitio web_ es una colección de páginas web vinculadas (más sus recursos asociados) que comparten un único nombre de dominio. Cada página web de un sitio web determinado proporciona enlaces explícitos —habitualmente en forma de porciones del texto en que se puede hacer clic— que permiten al usuario moverse de una página del sitio a otra.
 
 Para acceder a un sitio web, escribe su nombre de dominio en la barra de direcciones de tu buscador, y él te mostrará la página principal del sitio web, o _homepage_ (informalmente denominada "el home"):
 
-![Example of a web site domain name in the browser address bar](web-site.jpg)
+![Ejemplo de nombre de dominio de un sitio web en la barra de direcciones del navegador](web-site.jpg)
 
 _Página web_ y _sitio web_ son especialmente fáciles de confundir cuando un _sitio_ contiene una única _página web_ Tales sitios son denominados _sitios de una sola página._
 
@@ -98,7 +98,7 @@ Muchos principiantes en la web confunden motores de búsqueda con navegadores. A
 
 Aquí hay una instancia de Firefox que muestra un cuadro de búsqueda de Google como su página de inicio predeterminada:
 
-![Example of Firefox nightly displaying a custom Google page as default](search-engine.jpg)
+![Ejemplo de Firefox Nightly mostrando una página personalizada de Google como predeterminada](search-engine.jpg)
 
 ## Próximos pasos
 
diff --git a/files/es/learn/common_questions/web_mechanics/what_is_a_domain_name/index.md b/files/es/learn/common_questions/web_mechanics/what_is_a_domain_name/index.md
index 74585c5a0534d8..158c712b6b04e1 100644
--- a/files/es/learn/common_questions/web_mechanics/what_is_a_domain_name/index.md
+++ b/files/es/learn/common_questions/web_mechanics/what_is_a_domain_name/index.md
@@ -15,7 +15,7 @@ En este artículo discutiremos acerca de los nombres de los dominios: qué son,
           >cómo funciona Internet</a
         >
         y entender
-        <a href="/en-US/Learn/Understanding_URLs">qué son las URLs</a>.
+        <a href="/es/Learn/Understanding_URLs">qué son las URLs</a>.
       </td>
     </tr>
     <tr>
@@ -32,7 +32,7 @@ En este artículo discutiremos acerca de los nombres de los dominios: qué son,
 
 Los nombres de dominio son una parte clave de la infraestructura de internet. Proporcionan una dirección legible para cualquier servidor web disponible en Internet.
 
-Cualquier computadora conectada a Internet puede ser alcanzada a partir de una dirección {{Glossary("IP")}} pública, la cual puede estar formada por 32 bits para el protocolo IPv4 (por lo general se escribe con 4 números separados por puntos entre el 0 y 255, por ejemplo, `173.194.121.32`) o por 128 bits para la versión IPv6 (formada por 8 grupos de 4 números hexadecimales separados por dos puntos, ejemplo `2027:0da8:8b73:0000:0000:8a2e:0370:1337`). Las computadoras pueden manejar estas direcciones fácilmente, pero las personas pasan trabajo para saber de quien es el servidor o que servicio ofrece, ya que un número por sí solo no dice mucho. Además las direcciones IP son difíciles de recordar y pueden cambiarse en cualquier momento. Para resolver estos problemas se usan direcciones que las personas pueden leer, que son intuitivas, fáciles de recordar y dicen mucho sobre el servicio web que ofrecen, se denominan nombres de dominio.
+Cualquier computadora conectada a Internet puede ser alcanzada a partir de una dirección {{Glossary("IP_Address","IP")}} pública, la cual puede estar formada por 32 bits para el protocolo IPv4 (por lo general se escribe con 4 números separados por puntos entre el 0 y 255, por ejemplo, `173.194.121.32`) o por 128 bits para la versión IPv6 (formada por 8 grupos de 4 números hexadecimales separados por dos puntos, ejemplo `2027:0da8:8b73:0000:0000:8a2e:0370:1337`). Las computadoras pueden manejar estas direcciones fácilmente, pero las personas pasan trabajo para saber de quien es el servidor o que servicio ofrece, ya que un número por sí solo no dice mucho. Además las direcciones IP son difíciles de recordar y pueden cambiarse en cualquier momento. Para resolver estos problemas se usan direcciones que las personas pueden leer, que son intuitivas, fáciles de recordar y dicen mucho sobre el servicio web que ofrecen, se denominan nombres de dominio.
 
 ## Ánalisis del tema
 
@@ -40,7 +40,7 @@ Cualquier computadora conectada a Internet puede ser alcanzada a partir de una d
 
 Un nombre de dominio tiene una estructura simple formada por varias partes (puede tener solamente una parte, dos, tres,...), separadas por puntos y **se leen de derecha a izquierda**:
 
-![Anatomy of the MDN domain name](structure.png)
+![Anatomía del nombre de dominio MDN](structure.png)
 
 Cada una de estas partes provee información específica sobre el nombre de dominio completo.
 
@@ -137,7 +137,7 @@ Como ya hemos visto, cuando usted quiere visualizar una página web en su navega
 3. Si la computadora no sabe qué IP está detrás del nombre `mozilla.org`, hay que pedírselo a un servidor DNS, cuyo trabajo es precisamente decirle a la computadora cuál es la dirección IP de cada nombre de dominio registrado.
 4. Ahora que la computadora conoce la dirección IP requerida, su navegador puede gestionar contenidos con el servidor web.
 
-![Explanation of the steps needed to obtain the result to a DNS request](2014-10-dns-request2.png)
+![Explicación de los pasos necesarios para obtener el resultado de una solicitud DNS](2014-10-dns-request2.png)
 
 ## Próximos pasos
 
diff --git a/files/es/learn/css/styling_text/fundamentals/index.md b/files/es/learn/css/styling_text/fundamentals/index.md
index da9627544a83c4..e8252820d6038d 100644
--- a/files/es/learn/css/styling_text/fundamentals/index.md
+++ b/files/es/learn/css/styling_text/fundamentals/index.md
@@ -34,7 +34,7 @@ En este artículo vas a iniciar tu viaje hacia el dominio la aplicación de esti
 
 Como ya habrás experimentado en tu trabajo con el HTML y el CSS, el texto incluido en un elemento se dispone dentro de la caja de contenido del elemento. Esta empieza en la parte superior izquierda del área de contenido (o en la esquina superior derecha, en el caso del contenido de los lenguajes RTL, o right-to-left, que se escriben de derecha a izquierda) y fluye hacia el final de la línea. Una vez que llega al final, baja a la línea siguiente y sigue, y luego continúa a la línea siguiente, hasta que todo el contenido se ha ubicado en la caja. El contenido de texto se comporta efectivamente como una serie de elementos en línea, distribuidos en líneas adyacentes entre sí, y sin crear saltos de línea hasta que se llega al final de la línea, a menos que se fuerce un salto de línea manual con el elemento {{htmlelement("br")}}.
 
-> **Nota:** Si el párrafo anterior te parece confuso, no te preocupes: vuelve atrás y revisa el artículo sobre el [modelo de caja](/es/docs/Learn/CSS/Building_blocks/El_modelo_de_caja) antes de continuar.
+> **Nota:** Si el párrafo anterior te parece confuso, no te preocupes: vuelve atrás y revisa el artículo sobre el [modelo de caja](/es/docs/Learn/CSS/Building_blocks/The_box_model) antes de continuar.
 
 Las propiedades CSS que se usan para aplicar estilo al texto pueden clasificarse generalmente en dos categorías, que veremos por separado en este artículo:
 
@@ -48,26 +48,27 @@ Las propiedades CSS que se usan para aplicar estilo al texto pueden clasificarse
 Veamos las propiedades que permiten definir el estilo del tipo de letra. En este ejemplo aplicaremos algunas propiedades CSS diferentes al mismo ejemplo HTML, que presentamos a continuación:
 
 ```html
-<h1>Tommy the cat</h1>
+<h1>Tommy el gato</h1>
 
-<p>Well I remember it as though it were a meal ago...</p>
+<p>Bueno, lo recuerdo como si fuera hace una comida...</p>
 
 <p>
-  Said Tommy the Cat as he reeled back to clear whatever foreign matter may have
-  nestled its way into his mighty throat. Many a fat alley rat had met its
-  demise while staring point blank down the cavernous barrel of this awesome
-  prowling machine. Truly a wonder of nature this urban predator — Tommy the cat
-  had many a story to tell. But it was a rare occasion such as this that he did.
+  Dijo Tommy el Gato mientras retrocedía para limpiar cualquier materia extraña
+  que pudiera haberse metido en su poderosa garganta. Más de una rata callejera
+  gorda había encontrado su muerte mientras miraba fijamente el cavernoso cañón
+  de esta impresionante máquina merodeadora. Verdaderamente una maravilla de la
+  naturaleza, este depredador urbano: el gato Tommy tenía muchas historias que
+  contar. Pero era una rara ocasión como ésta en la que lo hacía.
 </p>
 ```
 
-Puedes ver el [ejemplo completo en Github](http://mdn.github.io/learning-area/css/styling-text/fundamentals/) (consulta también [el código fuente](https://github.com/mdn/learning-area/blob/master/css/styling-text/fundamentals/index.html).)
+Puedes ver el [ejemplo completo en Github](https://mdn.github.io/learning-area/css/styling-text/fundamentals/) (consulta también [el código fuente](https://github.com/mdn/learning-area/blob/master/css/styling-text/fundamentals/index.html)).
 
 ### Color
 
 La propiedad {{cssxref("color")}} establece el color del contenido de los elementos seleccionados (que normalmente es texto, pero también puede incluir un par cosas más, como un subrayado o una línea superpuesta al texto con la propiedad {{cssxref("text-decoration")}} ).
 
-La propiedad `color` puede admitir cualquier [unidad de color CSS](/es/docs/Learn/CSS/Building_blocks/Valores_y_unidades_CSS), por ejemplo:
+La propiedad `color` puede admitir cualquier [unidad de color CSS](/es/docs/Learn/CSS/Building_blocks/Values_and_units), por ejemplo:
 
 ```css
 p {
@@ -78,16 +79,17 @@ p {
 Esto mostrará el contenido de los párrafos en color rojo, en lugar del negro que es el estándar por defecto del navegador:
 
 ```html hidden
-<h1>Tommy the cat</h1>
+<h1>Tommy el gato</h1>
 
-<p>Well I remember it as though it were a meal ago...</p>
+<p>Bueno, lo recuerdo como si fuera hace una comida...</p>
 
 <p>
-  Said Tommy the Cat as he reeled back to clear whatever foreign matter may have
-  nestled its way into his mighty throat. Many a fat alley rat had met its
-  demise while staring point blank down the cavernous barrel of this awesome
-  prowling machine. Truly a wonder of nature this urban predator — Tommy the cat
-  had many a story to tell. But it was a rare occasion such as this that he did.
+  Dijo Tommy el Gato mientras retrocedía para limpiar cualquier materia extraña
+  que pudiera haberse metido en su poderosa garganta. Más de una rata callejera
+  gorda había encontrado su muerte mientras miraba fijamente el cavernoso cañón
+  de esta impresionante máquina merodeadora. Verdaderamente una maravilla de la
+  naturaleza, este depredador urbano: el gato Tommy tenía muchas historias que
+  contar. Pero era una rara ocasión como ésta en la que lo hacía.
 </p>
 ```
 
@@ -111,7 +113,7 @@ Solo hay un cierto número de tipos de letra que están disponibles en todos los
 
 La mayor parte del tiempo, como desarrolladores web deseamos tener un control específico mayor sobre los tipos de letra con que se va a mostrar para mostrar nuestro contenido de texto. El problema está en encontrar una manera de saber de qué tipo de letra dispone el ordenador que se utiliza para acceder a nuestras páginas. No hay manera de saber esto en todos los casos, pero al menos contamos con que los tipos de letra seguros para la web están disponibles en casi todos los sistemas operativos más utilizados (las distribuciones Linux más comunes, Windows, Mac, Android, e iOS).
 
-La lista de los tipos de letra seguros para la web cambia al ir evolucionando los sistemas operativos, pero es correcto considerar los tipos de letra siguientes como seguros para la web, al menos por ahora (muchos de ellos se han popularizado gracias a la iniciativa _[Core fonts for the web](https://es.wikipedia.org/wiki/Core_fonts_for_the_Web)_ de Microsoft, de finales de la década de 1990 y principios de la del 2000):
+La lista de los tipos de letra seguros para la web cambia al ir evolucionando los sistemas operativos, pero es correcto considerar los tipos de letra siguientes como seguros para la web, al menos por ahora (muchos de ellos se han popularizado gracias a la iniciativa _[Fuentes principales para la web](https://es.wikipedia.org/wiki/Core_fonts_for_the_Web)_ de Microsoft, de finales de la década de 1990 y principios de la del 2000):
 
 | Nombre          | Tipo de letra genérico | Observaciones                                                                                                                                                                                                                                          |
 | --------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
@@ -124,7 +126,7 @@ La lista de los tipos de letra seguros para la web cambia al ir evolucionando lo
 
 > **Nota:** Entre otros recursos, el sitio [cssfontstack.com](http://www.cssfontstack.com/) mantiene una lista de tipos de letra seguros disponibles en los sistemas operativos para Windows y Mac, que puede ayudarte en la toma de decisiones acerca de lo que consideras seguro para tus propósitos.
 
-> **Nota:** Hay una manera de descargar un tipo de letra personalizado junto con la página web, que te permite personalizar el uso de los tipos de letra de la manera que desees: **web fonts**. Esto es un poco más complejo, y lo vamos a exponer más adelante en un [artículo independiente](/es/docs/Learn/CSS/Styling_text/Fuentes_web) del módulo.
+> **Nota:** Hay una manera de descargar un tipo de letra personalizado junto con la página web, que te permite personalizar el uso de los tipos de letra de la manera que desees: **web fonts**. Esto es un poco más complejo, y lo vamos a exponer más adelante en un [artículo independiente](/es/docs/Learn/CSS/Styling_text/Web_fonts) del módulo.
 
 #### Fuentes predeterminadas
 
@@ -200,16 +202,17 @@ p {
 Esto nos da el resultado siguiente:
 
 ```html hidden
-<h1>Tommy the cat</h1>
+<h1>Tommy el gato</h1>
 
-<p>Well I remember it as though it were a meal ago...</p>
+<p>Bueno, lo recuerdo como si fuera hace una comida...</p>
 
 <p>
-  Said Tommy the Cat as he reeled back to clear whatever foreign matter may have
-  nestled its way into his mighty throat. Many a fat alley rat had met its
-  demise while staring point blank down the cavernous barrel of this awesome
-  prowling machine. Truly a wonder of nature this urban predator — Tommy the cat
-  had many a story to tell. But it was a rare occasion such as this that he did.
+  Dijo Tommy el Gato mientras retrocedía para limpiar cualquier materia extraña
+  que pudiera haberse metido en su poderosa garganta. Más de una rata callejera
+  gorda había encontrado su muerte mientras miraba fijamente el cavernoso cañón
+  de esta impresionante máquina merodeadora. Verdaderamente una maravilla de la
+  naturaleza, este depredador urbano: el gato Tommy tenía muchas historias que
+  contar. Pero era una rara ocasión como ésta en la que lo hacía.
 </p>
 ```
 
@@ -217,7 +220,7 @@ Esto nos da el resultado siguiente:
 
 ### Tamaño de la letra
 
-En el artículo sobre [Unidades y valores de CSS](/es/docs/Learn/CSS/Building_blocks/Valores_y_unidades_CSS) de nuestro módulo anterior, revisamos las unidades de longitud y tamaño. El tamaño del tipo de letra (establecido con la propiedad {{cssxref("font-size")}}) puede tomar valores medidos en la mayoría de estas unidades (y en otras, como [porcentajes](/es/docs/Learn/CSS/Building_blocks/Valores_y_unidades_CSS#Porcentajes)). Sin embargo, las unidades más comunes que vas a usar para ajustar el tamaño del texto son:
+En el artículo sobre [Unidades y valores de CSS](/es/docs/Learn/CSS/Building_blocks/Values_and_units) de nuestro módulo anterior, revisamos las unidades de longitud y tamaño. El tamaño del tipo de letra (establecido con la propiedad {{cssxref("font-size")}}) puede tomar valores medidos en la mayoría de estas unidades (y en otras, como [porcentajes](/es/docs/Learn/CSS/Building_blocks/Values_and_units#porcentajes)). Sin embargo, las unidades más comunes que vas a usar para ajustar el tamaño del texto son:
 
 - Unidades `px` (píxeles): El número de píxeles de altura que deseas que tenga el texto. Esta es una unidad absoluta, da como resultado el mismo valor calculado final para el tipo de letra en la página en casi cualquier situación.
 - Unidades `em`: 1em equivale al tamaño de tipo de letra que se haya establecido en el elemento padre del elemento activo al que aplicamos estilo (más específicamente, el ancho de una letra M mayúscula contenida dentro del elemento padre). Este puede ser complejo de resolver si hay muchos elementos anidados con diferentes tamaños de tipo de letra establecidos, pero es factible, como verás a continuación. Pero, ¿para qué molestarse en ello? Porque resulta bastante natural una vez que te acostumbras a ello, y puedes usar unidades `em` para establecer el tamaño de todo, no solo del texto. Puedes tener un sitio web completo dimensionado con unidades `em`, lo que facilita su mantenimiento.
@@ -245,16 +248,17 @@ Al dimensionar el texto, en general es una buena idea establecer el tamaño bás
 Nuestro nuevo resultado es:
 
 ```html hidden
-<h1>Tommy the cat</h1>
+<h1>Tommy el gato</h1>
 
-<p>Well I remember it as though it were a meal ago...</p>
+<p>Bueno, lo recuerdo como si fuera hace una comida...</p>
 
 <p>
-  Said Tommy the Cat as he reeled back to clear whatever foreign matter may have
-  nestled its way into his mighty throat. Many a fat alley rat had met its
-  demise while staring point blank down the cavernous barrel of this awesome
-  prowling machine. Truly a wonder of nature this urban predator — Tommy the cat
-  had many a story to tell. But it was a rare occasion such as this that he did.
+  Dijo Tommy el Gato mientras retrocedía para limpiar cualquier materia extraña
+  que pudiera haberse metido en su poderosa garganta. Más de una rata callejera
+  gorda había encontrado su muerte mientras miraba fijamente el cavernoso cañón
+  de esta impresionante máquina merodeadora. Verdaderamente una maravilla de la
+  naturaleza, este depredador urbano: el gato Tommy tenía muchas historias que
+  contar. Pero era una rara ocasión como ésta en la que lo hacía.
 </p>
 ```
 
@@ -312,16 +316,17 @@ El CSS proporciona cuatro propiedades comunes para alterar el efecto visual / é
 Añadamos un par de estas propiedades a nuestro ejemplo. Nuestro nuevo resultado quedaría como este:
 
 ```html hidden
-<h1>Tommy the cat</h1>
+<h1>Tommy el gato</h1>
 
-<p>Well I remember it as though it were a meal ago...</p>
+<p>Bueno, lo recuerdo como si fuera hace una comida...</p>
 
 <p>
-  Said Tommy the Cat as he reeled back to clear whatever foreign matter may have
-  nestled its way into his mighty throat. Many a fat alley rat had met its
-  demise while staring point blank down the cavernous barrel of this awesome
-  prowling machine. Truly a wonder of nature this urban predator — Tommy the cat
-  had many a story to tell. But it was a rare occasion such as this that he did.
+  Dijo Tommy el Gato mientras retrocedía para limpiar cualquier materia extraña
+  que pudiera haberse metido en su poderosa garganta. Más de una rata callejera
+  gorda había encontrado su muerte mientras miraba fijamente el cavernoso cañón
+  de esta impresionante máquina merodeadora. Verdaderamente una maravilla de la
+  naturaleza, este depredador urbano: el gato Tommy tenía muchas historias que
+  contar. Pero era una rara ocasión como ésta en la que lo hacía.
 </p>
 ```
 
@@ -358,10 +363,10 @@ text-shadow: 1px 1px 1px red;
 
 Las cuatro propiedades son las siguientes:
 
-1. El desplazamiento horizontal de la sombra desde el texto original; admite la mayoría de las [unidades y magnitudes](/es/docs/Learn/CSS/Building_blocks/Valores_y_unidades_CSS) de que dispone CSS, pero lo más habitual es usar `px`. Es un valor obligatorio.
+1. El desplazamiento horizontal de la sombra desde el texto original; admite la mayoría de las [unidades y magnitudes](/es/docs/Learn/CSS/Building_blocks/Values_and_units) de que dispone CSS, pero lo más habitual es usar `px`. Es un valor obligatorio.
 2. El desplazamiento vertical de la sombra desde el texto original; se comporta básicamente igual que el desplazamiento horizontal, excepto porque mueve la sombra arriba/abajo, y no hacia derecha/izquierda. Es un valor obligatorio.
-3. El radio de desenfoque; cuanto más alto es este valor, mayor es la dispersión de la sombra. Si no se incluye este valor, el valor por defecto es 0, y no hay desenfoque. Esta propiedad admite la mayoría de las [unidades y magnitudes](/es/docs/Learn/CSS/Building_blocks/Valores_y_unidades_CSS) de que dispone el CSS.
-4. El color de base de la sombra, que admite cualquier [unidad de color de que dispone CSS](/es/docs/Learn/CSS/Building_blocks/Valores_y_unidades_CSS). Si no se incluye este valor, el valor predeterminado es `negro`.
+3. El radio de desenfoque; cuanto más alto es este valor, mayor es la dispersión de la sombra. Si no se incluye este valor, el valor por defecto es 0, y no hay desenfoque. Esta propiedad admite la mayoría de las [unidades y magnitudes](/es/docs/Learn/CSS/Building_blocks/Values_and_units) de que dispone el CSS.
+4. El color de base de la sombra, que admite cualquier [unidad de color de que dispone CSS](/es/docs/Learn/CSS/Building_blocks/Values_and_units). Si no se incluye este valor, el valor predeterminado es `negro`.
 
 > **Nota:** Los valores con desplazamiento positivo mueven la sombra hacia la derecha o hacia abajo, mientras que los valores con desplazamiento negativo, por ejemplo `-1px -1px`, mueven la sombrea hacia la izquierda o hacia arriba.
 
@@ -377,19 +382,20 @@ text-shadow:
   0px 0px 7px rgba(0, 0, 0, 0.4);
 ```
 
-Si aplicamos esto al elemento {{htmlelement("h1")}} de nuestro ejemplo _Tommy The Cat_, obtenemos esto:
+Si aplicamos esto al elemento {{htmlelement("h1")}} de nuestro ejemplo _Tommy el gato_, obtenemos esto:
 
 ```html hidden
-<h1>Tommy the cat</h1>
+<h1>Tommy el gato</h1>
 
-<p>Well I remember it as though it were a meal ago...</p>
+<p>Bueno, lo recuerdo como si fuera hace una comida...</p>
 
 <p>
-  Said Tommy the Cat as he reeled back to clear whatever foreign matter may have
-  nestled its way into his mighty throat. Many a fat alley rat had met its
-  demise while staring point blank down the cavernous barrel of this awesome
-  prowling machine. Truly a wonder of nature this urban predator — Tommy the cat
-  had many a story to tell. But it was a rare occasion such as this that he did.
+  Dijo Tommy el Gato mientras retrocedía para limpiar cualquier materia extraña
+  que pudiera haberse metido en su poderosa garganta. Más de una rata callejera
+  gorda había encontrado su muerte mientras miraba fijamente el cavernoso cañón
+  de esta impresionante máquina merodeadora. Verdaderamente una maravilla de la
+  naturaleza, este depredador urbano: el gato Tommy tenía muchas historias que
+  contar. Pero era una rara ocasión como ésta en la que lo hacía.
 </p>
 ```
 
@@ -421,7 +427,7 @@ p {
 
 {{ EmbedLiveSample('Sombras_múltiples', '100%', 220) }}
 
-> **Nota:** Puedes ver más ejemplos interesantes del uso de `text-shadow` en el artículo de _Sitepoint_ [Moonlighting with CSS text-shadow](http://www.sitepoint.com/moonlighting-css-text-shadow/).
+> **Nota:** Puedes ver más ejemplos interesantes del uso de `text-shadow` en el artículo de _Sitepoint_ [Dominando la sombra de texto con CSS](https://www.sitepoint.com/moonlighting-css-text-shadow/).
 
 ## Diseño del texto
 
@@ -439,16 +445,17 @@ La propiedad {{cssxref("text-align")}} se usa para controlar la forma en que el
 Si aplicamos `text-align: center;` al elemento {{htmlelement("h1")}} de nuestro ejemplo, obtendremos esto:
 
 ```html hidden
-<h1>Tommy the cat</h1>
+<h1>Tommy el gato</h1>
 
-<p>Well I remember as though it were a meal ago...</p>
+<p>Bueno, lo recuerdo como si fuera hace una comida...</p>
 
 <p>
-  Said Tommy the Cat as he reeled back to clear whatever foreign matter may have
-  nestled its way into his mighty throat. Many a fat alley rat had met its
-  demise while staring point blank down the cavernous barrel of this awesome
-  prowling machine. Truly a wonder of nature this urban predator — Tommy the cat
-  had many a story to tell. But it was a rare occasion such as this that he did.
+  Dijo Tommy el Gato mientras retrocedía para limpiar cualquier materia extraña
+  que pudiera haberse metido en su poderosa garganta. Más de una rata callejera
+  gorda había encontrado su muerte mientras miraba fijamente el cavernoso cañón
+  de esta impresionante máquina merodeadora. Verdaderamente una maravilla de la
+  naturaleza, este depredador urbano: el gato Tommy tenía muchas historias que
+  contar. Pero era una rara ocasión como ésta en la que lo hacía.
 </p>
 ```
 
@@ -483,7 +490,7 @@ p {
 
 ### Interlineado
 
-La propiedad {{cssxref("line-height")}} establece la altura entre cada línea de texto; esta propiedad admite la mayoría de las [unidades y magnitudes](/es/docs/Learn/CSS/Building_blocks/Valores_y_unidades_CSS), pero también puede tomar un valor sin unidades, que actúa como un multiplicador y generalmente se considera la mejor opción porque se multiplica la propiedad {{cssxref("font-size")}} para obtener la altura de la línea (`line-height`). El texto del cuerpo (`body`) generalmente se ve mejor y es más fácil de leer si hay más separación entre las líneas; la altura recomendada de la línea es entre 1.5-2 (a doble espacio). Por lo tanto, para configurar nuestras líneas de texto a 1.5 veces la altura de la fuente, deberías usar esto:
+La propiedad {{cssxref("line-height")}} establece la altura entre cada línea de texto; esta propiedad admite la mayoría de las [unidades y magnitudes](/es/docs/Learn/CSS/Building_blocks/Values_and_units), pero también puede tomar un valor sin unidades, que actúa como un multiplicador y generalmente se considera la mejor opción porque se multiplica la propiedad {{cssxref("font-size")}} para obtener la altura de la línea (`line-height`). El texto del cuerpo (`body`) generalmente se ve mejor y es más fácil de leer si hay más separación entre las líneas; la altura recomendada de la línea es entre 1.5-2 (a doble espacio). Por lo tanto, para configurar nuestras líneas de texto a 1.5 veces la altura de la fuente, deberías usar esto:
 
 ```css
 line-height: 1.5;
@@ -492,16 +499,17 @@ line-height: 1.5;
 Aplicando esto a los elementos {{htmlelement("p")}} en nuestro ejemplo nos daría este resultado:
 
 ```html hidden
-<h1>Tommy the cat</h1>
+<h1>Tommy el gato</h1>
 
-<p>Well I remember it as though it were a meal ago...</p>
+<p>Bueno, lo recuerdo como si fuera hace una comida...</p>
 
 <p>
-  Said Tommy the Cat as he reeled back to clear whatever foreign matter may have
-  nestled its way into his mighty throat. Many a fat alley rat had met its
-  demise while staring point blank down the cavernous barrel of this awesome
-  prowling machine. Truly a wonder of nature this urban predator — Tommy the cat
-  had many a story to tell. But it was a rare occasion such as this that he did.
+  Dijo Tommy el Gato mientras retrocedía para limpiar cualquier materia extraña
+  que pudiera haberse metido en su poderosa garganta. Más de una rata callejera
+  gorda había encontrado su muerte mientras miraba fijamente el cavernoso cañón
+  de esta impresionante máquina merodeadora. Verdaderamente una maravilla de la
+  naturaleza, este depredador urbano: el gato Tommy tenía muchas historias que
+  contar. Pero era una rara ocasión como ésta en la que lo hacía.
 </p>
 ```
 
@@ -537,7 +545,7 @@ p {
 
 ### Espacio entre letras y espacio entre palabras
 
-Las propiedades {{cssxref("letter-spacing")}} y {{cssxref("word-spacing")}} te permiten establecer el espacio entre las letras y entre las palabras del texto. No los usarás a menudo, pero podría ser útil para obtener una apariencia determinada o para mejorar la legibilidad de un tipo de letra particularmente denso. Estas propiedades admiten la mayoría de las [unidades y magnitudes](/es/docs/Learn/CSS/Building_blocks/Valores_y_unidades_CSS).
+Las propiedades {{cssxref("letter-spacing")}} y {{cssxref("word-spacing")}} te permiten establecer el espacio entre las letras y entre las palabras del texto. No los usarás a menudo, pero podría ser útil para obtener una apariencia determinada o para mejorar la legibilidad de un tipo de letra particularmente denso. Estas propiedades admiten la mayoría de las [unidades y magnitudes](/es/docs/Learn/CSS/Building_blocks/Values_and_units).
 
 Así, como ejemplo, podemos aplicar a la primera línea de los elementos {{htmlelement("p")}} de nuestro ejemplo lo siguiente:
 
@@ -551,16 +559,17 @@ p::first-line {
 y obtendremos:
 
 ```html hidden
-<h1>Tommy the cat</h1>
+<h1>Tommy el gato</h1>
 
-<p>Well I remember it as though it were a meal ago...</p>
+<p>Bueno, lo recuerdo como si fuera hace una comida...</p>
 
 <p>
-  Said Tommy the Cat as he reeled back to clear whatever foreign matter may have
-  nestled its way into his mighty throat. Many a fat alley rat had met its
-  demise while staring point blank down the cavernous barrel of this awesome
-  prowling machine. Truly a wonder of nature this urban predator — Tommy the cat
-  had many a story to tell. But it was a rare occasion such as this that he did.
+  Dijo Tommy el Gato mientras retrocedía para limpiar cualquier materia extraña
+  que pudiera haberse metido en su poderosa garganta. Más de una rata callejera
+  gorda había encontrado su muerte mientras miraba fijamente el cavernoso cañón
+  de esta impresionante máquina merodeadora. Verdaderamente una maravilla de la
+  naturaleza, este depredador urbano: el gato Tommy tenía muchas historias que
+  contar. Pero era una rara ocasión como ésta en la que lo hacía.
 </p>
 ```
 
@@ -660,15 +669,15 @@ Si te equivocas, puedes volver a empezar con el botón _Reinicio_.
 <div
   class="body-wrapper"
   style="font-family: 'Open Sans Light',Helvetica,Arial,sans-serif;">
-  <h2>HTML Input</h2>
+  <h2>Entrada HTML</h2>
   <textarea
     id="code"
     class="html-input"
     style="width: 90%;height: 10em;padding: 10px;border: 1px solid #0095dd;">
-  <p>Some sample text for your delight</p></textarea
+  <p>Un texto de muestra para tu deleite.</p></textarea
   >
 
-  <h2>CSS Input</h2>
+  <h2>Entrada CSS</h2>
   <textarea
     id="code"
     class="css-input"
@@ -678,7 +687,7 @@ p {
   }</textarea
   >
 
-  <h2>Output</h2>
+  <h2>Resultado</h2>
   <div
     class="output"
     style="width: 90%;height: 10em;padding: 10px;border: 1px solid #0095dd;"></div>
diff --git a/files/es/learn/forms/form_validation/index.md b/files/es/learn/forms/form_validation/index.md
index 40b79e83a84719..26d77c85555ed9 100644
--- a/files/es/learn/forms/form_validation/index.md
+++ b/files/es/learn/forms/form_validation/index.md
@@ -31,7 +31,7 @@ Antes de enviar datos al servidor, es importante asegurarse de que se completan
 
 La validación en el lado del cliente es una verificación inicial y una característica importante para garantizar una buena experiencia de usuario; mediante la detección de datos no válidos en el lado del cliente, el usuario puede corregirlos de inmediato. Si el servidor lo recibe y, a continuación, lo rechaza; se produce un retraso considerable en la comunicación entre el servidor y el cliente que insta al usuario a corregir sus datos.
 
-Sin embargo, ¡la validación en el lado del cliente _no debe considerarse_ una medida de seguridad exhaustiva! Tus aplicaciones siempre deben realizar comprobaciones de seguridad de los datos enviados por el formulario _en el lado del servidor_, **así como también** en el lado del cliente, porque la validación en el lado del cliente es demasiado fácil de evitar, por lo que los usuarios malintencionados pueden enviar fácilmente datos incorrectos a tu servidor. Lee [Seguridad en los sitios web](/es/docs/Learn/Server-side/Primeros_pasos/seguridad_sitios_web) para ver qué _podría_ suceder. Cómo implementar la validación en el lado del servidor está fuera del alcance de este módulo, pero debes tenerlo en cuenta.
+Sin embargo, ¡la validación en el lado del cliente _no debe considerarse_ una medida de seguridad exhaustiva! Tus aplicaciones siempre deben realizar comprobaciones de seguridad de los datos enviados por el formulario _en el lado del servidor_, **así como también** en el lado del cliente, porque la validación en el lado del cliente es demasiado fácil de evitar, por lo que los usuarios malintencionados pueden enviar fácilmente datos incorrectos a tu servidor. Lee [Seguridad en los sitios web](/es/docs/Learn/Server-side/First_steps/Website_security) para ver qué _podría_ suceder. Cómo implementar la validación en el lado del servidor está fuera del alcance de este módulo, pero debes tenerlo en cuenta.
 
 ## ¿Qué es la validación de formularios?
 
@@ -50,7 +50,7 @@ Queremos que completar formularios web sea lo más fácil posible. Entonces, ¿p
 
 - **Queremos obtener los datos correctos en el formato correcto.** Nuestras aplicaciones no funcionarán correctamente si los datos de nuestros usuarios se almacenan en el formato incorrecto, son incorrectos o se omiten por completo.
 - **Queremos proteger los datos de nuestros usuarios**. Obligar a nuestros usuarios a introducir contraseñas seguras facilita proteger la información de su cuenta.
-- **Queremos protegernos a nosotros mismo**. Hay muchas formas en que los usuarios maliciosos puedan usar mal los formularios desprotegidos y dañar la aplicación (consulta [Seguridad del sitio web](/es/docs/Learn/Server-side/Primeros_pasos/seguridad_sitios_web)).
+- **Queremos protegernos a nosotros mismo**. Hay muchas formas en que los usuarios maliciosos puedan usar mal los formularios desprotegidos y dañar la aplicación (consulta [Seguridad del sitio web](/es/docs/Learn/Server-side/First_steps/Website_security)).
 
 > **Advertencia:** No confíes nunca en los datos que se pasan al servidor desde el cliente. Incluso si tu formulario se valida correctamente y evita la introducción de datos con formato incorrecto en el lado del cliente, un usuario malintencionado puede alterar la petición de red.
 
@@ -69,7 +69,7 @@ Una de las características más importantes de los [controles de formulario de
 - [`minlength`](/es/docs/Web/HTML/Attributes/minlength) y [`maxlength`](/es/docs/Web/HTML/Attributes/maxlength): Especifican la longitud mínima y máxima de los datos de texto (cadenas).
 - [`min`](/es/docs/Web/HTML/Attributes/min) y [`max`](/es/docs/Web/HTML/Attributes/max): Especifican los valores mínimo y máximo de los tipos de entrada numéricos.
 - `type`: Especifica si los datos deben ser un número, una dirección de correo electrónico o algún otro tipo de preajuste específico.
-- [`pattern`](/es/docs/Web/HTML/Attributes/pattern): Especifica una [expresión regular](/es/docs/Web/JavaScript/Guide/Regular_Expressions) que define un patrón que los datos que se introduzcan deben seguir.
+- [`pattern`](/es/docs/Web/HTML/Attributes/pattern): Especifica una [expresión regular](/es/docs/Web/JavaScript/Guide/Regular_expressions) que define un patrón que los datos que se introduzcan deben seguir.
 
 Si los datos que se introducen en un campo de formulario siguen todas las reglas que especifican los atributos anteriores, se consideran válidos. Si no, se consideran no válidos.
 
@@ -159,7 +159,7 @@ La presencia del atributo `required` en cualquier elemento que admite este atrib
 
 ### Validación de una expresión regular
 
-Otra característica útil de validación es el atributo [`pattern`](/es/docs/Web/HTML/Attributes/pattern), que espera una [expresión regular](/es/docs/Web/JavaScript/Guide/Regular_Expressions) como valor. Una expresión regular (_regex_) es un patrón que se puede usar para establecer combinaciones de caracteres en cadenas de texto, por lo que las expresiones regulares son ideales para la validación de formularios y sirven para una gran variedad de otros usos en JavaScript.
+Otra característica útil de validación es el atributo [`pattern`](/es/docs/Web/HTML/Attributes/pattern), que espera una [expresión regular](/es/docs/Web/JavaScript/Guide/Regular_expressions) como valor. Una expresión regular (_regex_) es un patrón que se puede usar para establecer combinaciones de caracteres en cadenas de texto, por lo que las expresiones regulares son ideales para la validación de formularios y sirven para una gran variedad de otros usos en JavaScript.
 
 Las expresiones regulares son bastante complejas y no vamos a exponerlas exhaustivamente en este artículo. A continuación hay algunos ejemplos para que te hagas una idea de cómo funcionan.
 
@@ -170,7 +170,7 @@ Las expresiones regulares son bastante complejas y no vamos a exponerlas exhaust
 - `a|b`: coincide con un carácter que es `a` o `b`.
 - `abc|xyz`: coincide exactamente con `abc` o `xyz` (pero no con `abcxyz` `a` o `y`, y así sucesivamente).
 
-Hay muchas más posibilidades que no exponemos aquí. Para obtener una lista completa y muchos ejemplos, consulta nuestro documento de [expresiones regulares](/es/docs/Web/JavaScript/Guide/Regular_Expressions).
+Hay muchas más posibilidades que no exponemos aquí. Para obtener una lista completa y muchos ejemplos, consulta nuestro documento de [expresiones regulares](/es/docs/Web/JavaScript/Guide/Regular_expressions).
 
 Implementemos un ejemplo. Actualiza tu HTML para añadir un atributo [`pattern`](/es/docs/Web/HTML/Attributes/pattern) como este:
 
@@ -469,7 +469,7 @@ En primer lugar, el código HTML. Una vez más, siéntete libre de construir est
 
 Este sencillo formulario usa el atributo [`novalidate`](/es/docs/Web/HTML/Attributes/novalidate) para desactivar la validación automática del navegador; esto permite que nuestra secuencia de comandos tome control sobre la validación. Sin embargo, esto no deshabilita la compatibilidad para la API de validación de restricciones ni la aplicación de pseudoclases de CSS como {{cssxref(":valid")}}, etc. Eso significa que, aunque el navegador no verifica automáticamente la validez del formulario antes de enviar los datos, puedes hacerlo tú mismo y diseñar el formulario en consecuencia.
 
-Nuestra entrada para validar es [`<input type="email">`](/es/docs/Web/HTML/Elemento/input/email), que es obligatoria y tiene una longitud mínima (`minlength`) de 8 caracteres. Vamos a verificar esto con nuestro propio código para que muestre un mensaje de error personalizado para cada elemento.
+Nuestra entrada para validar es [`<input type="email">`](/es/docs/Web/HTML/Element/input/email), que es obligatoria y tiene una longitud mínima (`minlength`) de 8 caracteres. Vamos a verificar esto con nuestro propio código para que muestre un mensaje de error personalizado para cada elemento.
 
 Nuestro objetivo es mostrar los mensajes de error dentro de un elemento `<span>`. El atributo [`aria-live`](/es/docs/Accessibility/ARIA/ARIA_Live_Regions) se establece en ese `<span>` para asegurar que todo el mundo podrá ver nuestro mensaje de error personalizado, incluidos los usuarios de lectores de pantalla.
 
@@ -608,7 +608,7 @@ La API de validación de restricciones te proporciona una herramienta poderosa p
 
 ### Validar formularios sin una API incorporada
 
-En algunos casos, como la compatibilidad heredada del navegador o los [controles personalizados](/es/docs/Learn/HTML/Forms/como_crear_widgets_de_formularios_personalizados), no podrás o no querrás usar la API de validación de restricciones. Todavía puedes usar JavaScript para validar tu formulario, pero vas a tener que escribirlo.
+En algunos casos, como la compatibilidad heredada del navegador o los [controles personalizados](/es/docs/Learn/Forms/How_to_build_custom_form_controls), no podrás o no querrás usar la API de validación de restricciones. Todavía puedes usar JavaScript para validar tu formulario, pero vas a tener que escribirlo.
 
 Antes de validar el formulario, hazte estas preguntas:
 
@@ -620,10 +620,10 @@ Antes de validar el formulario, hazte estas preguntas:
 
   - : Para reducir la frustración del usuario, es muy importante proporcionar tanta información útil como sea posible para guiarlo a fin de que corrija sus entradas de datos. Debes ofrecer sugerencias por adelantado para que sepan lo que se espera de ellos, así como mensajes de error claros. Si deseas profundizar en los requisitos de interfaz de usuario para la validación de formularios, aquí hay algunos artículos útiles que debes leer:
 
-    - SmashingMagazine: [Form-Field Validation: The Errors-Only Approach](http://uxdesign.smashingmagazine.com/2012/06/27/form-field-validation-errors-only-approach/) \[Validación de campo de formulario: El enfoque de solo errores]
-    - SmashingMagazine: [Web Form Validation: Best Practices and Tutorials](http://www.smashingmagazine.com/2009/07/07/web-form-validation-best-practices-and-tutorials/) \[Validación de formularios web: Buenas prácticas y tutoriales]
-    - Six Revision: [Best Practices for Hints and Validation in Web Forms](http://sixrevisions.com/user-interface/best-practices-for-hints-and-validation-in-web-forms/) \[Buenas prácticas para sugerencias y validación de formularios web]
-    - A List Apart: [Inline Validation in Web Forms](http://www.alistapart.com/articles/inline-validation-in-web-forms/) \[Validación en línea de formularios web]
+    - SmashingMagazine: [Validación de campo de formulario: El enfoque de solo errores](http://uxdesign.smashingmagazine.com/2012/06/27/form-field-validation-errors-only-approach/)
+    - SmashingMagazine: [Validación de formularios web: Buenas prácticas y tutoriales](http://www.smashingmagazine.com/2009/07/07/web-form-validation-best-practices-and-tutorials/)
+    - Six Revision: [Buenas prácticas para sugerencias y validación de formularios web](http://sixrevisions.com/user-interface/best-practices-for-hints-and-validation-in-web-forms/)
+    - A List Apart: [Validación en línea de formularios web](https://www.alistapart.com/articles/inline-validation-in-web-forms/)
 
 #### Un ejemplo que no usa la API de validación de restricciones
 
@@ -768,7 +768,7 @@ addEvent(form, "submit", function () {
 
   if (!test) {
     email.className = "invalid";
-    error.innerHTML = "I expect an e-mail, darling!";
+    error.innerHTML = "Espero un correo electrónico, querido!";
     error.className = "error active";
 
     // Algunos navegadores antiguos no son compatibles con el método event.preventDefault ()
@@ -785,9 +785,7 @@ El resultado es el siguiente:
 
 {{EmbedLiveSample("Validar_formularios_sin_una_API_incorporada", "100%", 130)}}
 
-Como puedes ver, no es tan difícil construir un sistema de validación por tu cuenta. La parte difícil es hacer que sea lo suficientemente genérico para que se pueda usar en diferentes plataformas y en cualquier forma. Hay muchas bibliotecas de archivos disponibles para realizar la validación de formularios, como por ejemplo [Validate.js](http://rickharrison.github.com/validate.js/)
-
-.
+Como puedes ver, no es tan difícil construir un sistema de validación por tu cuenta. La parte difícil es hacer que sea lo suficientemente genérico para que se pueda usar en diferentes plataformas y en cualquier forma. Hay muchas bibliotecas de archivos disponibles para realizar la validación de formularios, como por ejemplo [Validate.js](http://rickharrison.github.com/validate.js/).
 
 ## Prueba tus habilidades!
 
diff --git a/files/es/learn/html/introduction_to_html/debugging_html/index.md b/files/es/learn/html/introduction_to_html/debugging_html/index.md
index dfe27c0f49c2bb..448fc427c682ad 100644
--- a/files/es/learn/html/introduction_to_html/debugging_html/index.md
+++ b/files/es/learn/html/introduction_to_html/debugging_html/index.md
@@ -40,7 +40,7 @@ Escribir HTML es fácil, pero ¿qué pasa si algo va mal y desconocemos dónde e
 
 Cuando escribimos cualquier tipo de código, normalmente todo va bien, hasta ese fatídico momento en el que ocurre un error, hemos hecho algo mal y el código no funciona, o no funciona del todo, no lo suficientemente bien. Por ejemplo, el dibujo siguiente muestra un error de {{glossary("compile","compilación")}} de un programa sencillo escrito en lenguaje [Rust](https://www.rust-lang.org/).
 
-![A console window showing the result of trying to compile a rust program with a missing quote around a string in a print statement. The error message reported is error: unterminated double quote string.](error-message.png)En el ejemplo, el mensaje de error es fácilmente comprensible: "unterminated double quote string" (comillas sin cerrar en el texto). Si analizamos el listado de código, observamos que en `println!(Hello, world!");` faltan una comillas. Pero, los mensajes de error pueden complicarse con facilidad y su interpretación ser menos sencilla a medida que los programas aumentan en tamaño, e incluso casos sencillo pueden llegar a intimidar a alguien que no sabe nada de Rust.
+![Una ventana de consola que muestra el resultado de intentar compilar un programa Rust al que le faltan comillas alrededor de una cadena en una declaración impresa. El mensaje de error informado es error: cadena de comillas dobles sin terminar.](error-message.png)En el ejemplo, el mensaje de error es fácilmente comprensible: "unterminated double quote string" (comillas sin cerrar en el texto). Si analizamos el listado de código, observamos que en `println!(Hello, world!");` faltan una comillas. Pero, los mensajes de error pueden complicarse con facilidad y su interpretación ser menos sencilla a medida que los programas aumentan en tamaño, e incluso casos sencillo pueden llegar a intimidar a alguien que no sabe nada de Rust.
 
 Sin embargo, la depuración no nos debe asustar; la clave para sentirnos cómodos con la escritura y la depuración de cualquier lenguaje o código es la familiaridad, tanto con el lenguaje como con las herramientas.
 
@@ -64,25 +64,25 @@ HTML en sí mismo no suele producir errores sintácticos porque los navegadores
 Es hora de estudiar la naturaleza permisiva del código HTML por nosotros mismos.
 
 1. En primer lugar, hagamos una copia de nuestro [ejemplo-demo a depurar](https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/debugging-html/debug-example.html) y guardémoslo de forma local. Está escrito para generar diversos errores que deberemos descubrir (se dice que el marcado de HTML está **mal formado**, en contraposición a un marcado **bien formado**).
-2. A continuación, abrámoslo en un navegador; veremos lo siguiente:![A simple HTML document with a title of HTML debugging examples, and some information about common HTML errors, such as unclosed elements, badly nested elements, and unclosed attributes. ](badly-formed-html.png)
+2. A continuación, abrámoslo en un navegador; veremos lo siguiente:![Un documento HTML simple con un título de ejemplos de depuración de HTML y cierta información sobre errores HTML comunes, como elementos no cerrados, elementos mal anidados y atributos no cerrados.](badly-formed-html.png)
 3. No parece que esté bien; veamos el código fuente para ver qué podemos hacer (solo mostramos el contenido del \<body>):
 
    ```html
-   <h1>HTML debugging examples</h1>
+   <h1>Ejemplos de depuración de HTML</h1>
 
-   <p>What causes errors in HTML?
+   <p>¿Qué causa los errores en HTML?
 
    <ul>
-     <li>Unclosed elements: If an element is <strong>not closed properly,
-         then its effect can spread to areas you didn't intend
+     <li>Elementos no cerrados: Si un elemento <strong>no está cerrado correctamente,
+         su efecto puede extenderse a áreas que no pretendía
 
-     <li>Badly nested elements: Nesting elements properly is also very important
-         for code behaving correctly. <strong>strong <em>strong emphasised?</strong>
-         what is this?</em>
+     <li>Elementos mal anidados: anidar elementos correctamente también es muy importante
+         para que el código se comporte correctamente. <strong>negritas <em>negritas enfatizadas?</strong>
+         ¿qué es esto?</em>
 
-     <li>Unclosed attributes: Another common source of HTML problems. Let's
-         look at an example: <a href="https://www.mozilla.org/>link to Mozilla
-         homepage</a>
+     <li>Atributos no cerrados: otra fuente común de problemas de HTML. Veamos
+         un ejemplo: <a href="https://www.mozilla.org/>enlace a la página
+         de inicio de Mozilla</a>
    </ul>
    ```
 
@@ -90,11 +90,11 @@ Es hora de estudiar la naturaleza permisiva del código HTML por nosotros mismos
 
    - El elemento {{htmlelement("p")}} y el {{htmlelement("li")}} no tienen etiquetas de cierre. Si comprobamos el resultado, no parece que haya generado un efecto grave en la representación del lenguaje de marcado, porque es fácil deducir que donde un elemento acaba, debería comenzar otro.
    - El primer elemento {{htmlelement("strong")}} no tiene etiqueta de cierre. Este resulta ser un poco más problemático porque no es fácil deducir dónde se supone que termina el elemento. De hecho, el énfasis fuerte se ha aplicado al resto del texto.
-   - Esta sección está mal anidada: `<strong>strong <em>strong emphasised?</strong> what is this?</em>`. No es fácil de explicar la forma en que ha sido interpretado, debido al problema anterior.
+   - Esta sección está mal anidada: `<strong>negritas <em>negritas enfatizadas?</strong> ¿qué es esto?</em>`. No es fácil de explicar la forma en que ha sido interpretado, debido al problema anterior.
    - Al valor del atributo [`href`](/es/docs/Web/HTML/Element/a#href) le faltan las comillas de cierre. Esto parece haber causado el problema más grave: el enlace ha desaparecido totalmente.
 
 5. Ahora veamos lo que el navegador ha mostrado en contraposición al código fuente. Para ello podemos usar las herramientas de desarrollo del navegador. Si no estamos familiarizados con el uso de estas herramientas, echemos un vistazo rápido a [Descubrir las herramientas de desarrollo del navegador](/es/docs/Learn/Common_questions/What_are_browser_developer_tools), y luego continuaremos.
-6. En el inspector de objetos (DOM), puedes comprobar la apariencia de cada elemento: ![The HTML inspector in Firefox, with our example's paragraph highlighted, showing the text "What causes errors in HTML?" Here you can see that the paragraph element has been closed by the browser.](html-inspector.png)
+6. En el inspector de objetos (DOM), puedes comprobar la apariencia de cada elemento: ![El inspector de HTML en Firefox, con el párrafo de nuestro ejemplo resaltado, muestra el texto "¿Qué causa los errores en HTML?" Aquí puede ver que el navegador ha cerrado el elemento de párrafo.](html-inspector.png)
 7. Vamos a explorar nuestro código en detalle con el inspector de objetos DOM para ver cómo el navegador ha arreglado nuestros errores de código HTML (lo hemos hecho con Firefox; otros navegadores modernos deberían conducir al mismo resultado):
 
    - Se han añadido etiquetas de cierre a los párrafos y las líneas de las listas.
@@ -103,10 +103,10 @@ Es hora de estudiar la naturaleza permisiva del código HTML por nosotros mismos
 
      ```html
      <strong
-       >strong
-       <em>strong emphasised?</em>
+       >negritas
+       <em>negritas enfatizadas</em>
      </strong>
-     <em> what is this?</em>
+     <em>¿qué es esto?</em>
      ```
 
    - El enlace a cuyo atributo le faltan las comillas del final ha sido ignorado. La última lista la ha dejado como sigue:
@@ -114,8 +114,8 @@ Es hora de estudiar la naturaleza permisiva del código HTML por nosotros mismos
      ```html
      <li>
        <strong
-         >Unclosed attributes: Another common source of HTML problems. Let's
-         look at an example:
+         >Atributos no cerrados: otra fuente común de problemas de HTML. Veamos
+         un ejemplo:
        </strong>
      </li>
      ```
@@ -126,7 +126,7 @@ Con el ejemplo anterior podemos asegurarnos de que nuestro HTML está bien forma
 
 La mejor estrategia es comenzar por pasar tu página HTML por el [servicio de validación de etiquetas](https://validator.w3.org/); fue creado y está mantenido por el W3C, organización que se encarga de definir las especificaciones de HTML, CSS y otras tecnologías web. Esta página web toma un documento HTML como entrada, lo procesa, y genera un informe de dónde están los errores en el documento.
 
-![The HTML validator homepage](validator.png)
+![La página de inicio del validador HTML](validator.png)
 
 Para validar el HTML, podemos proporcionar al validador una dirección web a la que apuntar, subirle un archivo HTML, o directamente introducirle el código HTML que queremos que revise.
 
@@ -141,7 +141,7 @@ Vamos a probar de validar nuestro [documento ejemplo](https://github.com/mdn/lea
 
 Esto debería proporcionar una lista de errores y otras informaciones:
 
-![A list of of HTML validation results from the W3C markup validation service](validation-results.png)
+![Una lista de resultados de validación HTML del servicio de validación de marcado W3C](validation-results.png)
 
 #### Interpretación de los mensajes de error
 
@@ -154,7 +154,7 @@ La lista de mensajes de error que nos presenta el validador suele ayudar, pero a
 - "End of file reached when inside an attribute value. Ignoring tag": Esta es bastante enigmática; se refiere al hecho de que el valor de un atributo no ha sido bien construido, posiblemente cerca del final del archivo porque el final aparece dentro del valor del atributo. El hecho de que el navegador no muestre el enlace nos debería dar una buena pista de qué elemento es el erróneo.
 - "End of file seen and there were open elements": Este es un poco ambiguo, pero básicamente se refiere al hecho de que hay elementos abiertos que necesitan ser cerrados adecuadamente. Los números de línea apuntan a las últimas líneas del archivo, y este mensaje de error viene con una línea de código que indica un ejemplo de un elemento abierto:
 
-  example: `<a href="https://www.mozilla.org/>link to Mozilla homepage</a> ↩ </ul>↩ </body>↩</html>`
+  ejemplo: `<a href="https://www.mozilla.org/>enlace a la página de inicio de Mozilla</a> ↩ </ul>↩ </body>↩</html>`
 
   > **Nota:** Un atributo al que le falten las comillas de cierre puede ser un elemento abierto, porque el resto del documento será interpretado como si fuera parte de este atributo.
 
@@ -164,7 +164,7 @@ No debemos preocuparnos si no podemos corregir todos los mensajes de error; es p
 
 Sabremos que todos los errores están arreglados cuando veamos el mensaje siguiente:
 
-![Banner that reads "The document validates according to the specified schema(s) and to additional constraints checked by the validator."](valid-html-banner.png)
+![Banner que dice "El documento se valida de acuerdo con los esquemas especificados y con restricciones adicionales verificadas por el validador".](valid-html-banner.png)
 
 ## Resumen
 
diff --git a/files/es/learn/html/introduction_to_html/getting_started/index.md b/files/es/learn/html/introduction_to_html/getting_started/index.md
index bbeaf02a153ebc..bb650450aed0e3 100644
--- a/files/es/learn/html/introduction_to_html/getting_started/index.md
+++ b/files/es/learn/html/introduction_to_html/getting_started/index.md
@@ -13,9 +13,13 @@ En este artículo vamos a exponer lo más básico del HTML. Para comenzar defini
       <th scope="row">Prerrequisitos:</th>
       <td>
         Conocimientos básicos de informática,
-        [tener instalado el software básico](/es/docs/Learn/Getting_started_with_the_web/Installing_basic_software)
+        <a href="/es/docs/Learn/Getting_started_with_the_web/Installing_basic_software">
+          tener instalado el software básico
+        </a>
         y conocimientos básicos de cómo
-        [trabajar con archivos](/es/docs/Learn/Getting_started_with_the_web/Dealing_with_files).
+        <a href="/es/docs/Learn/Getting_started_with_the_web/Dealing_with_files">
+          trabajar con archivos
+        </a>.
       </td>
     </tr>
     <tr>
@@ -226,7 +230,7 @@ Considera el siguiente ejemplo:
 <p>sexto</p>
 ```
 
-{{htmlelement("em")}} es un elemento en línea. Así, como puedes observar, los tres primeros elementos se sitúan en la misma línea, uno tras otro sin espacio entre ellos. Por otro lado, {{htmlelement("p")}} es un elemento a nivel de bloque. Cada elemento _p_ aparece en una nueva línea, con un espacio arriba y abajo. (El espaciado se debe al [estilo CSS](/es/docs/Learn/CSS/Introduction_to_CSS) predeterminado que el navegador aplica a los párrafos).
+{{htmlelement("em")}} es un elemento en línea. Así, como puedes observar, los tres primeros elementos se sitúan en la misma línea, uno tras otro sin espacio entre ellos. Por otro lado, {{htmlelement("p")}} es un elemento a nivel de bloque. Cada elemento _p_ aparece en una nueva línea, con un espacio arriba y abajo. (El espaciado se debe al [estilo CSS](/es/docs/Learn/CSS/First_steps) predeterminado que el navegador aplica a los párrafos).
 
 {{ EmbedLiveSample('Elementos_de_bloque_y_elementos_en_línea', 700, 200, "", "") }}
 
@@ -234,7 +238,7 @@ Considera el siguiente ejemplo:
 
 > **Nota:** Los términos «en bloque» (block) y «en línea» (inline), tal como se usan en este tema, no se deberían confundir con [los tipos de casillas de CSS](/es/docs/Learn/CSS/Introduction_to_CSS/Box_model#Types_of_CSS_boxes) que se conocen con el mismo nombre. Aunque de manera predeterminada están relacionados, el hecho de cambiar el tipo de aspecto visual del CSS no cambia la categoría del elemento ni afecta a aquellos elementos que pueda contener. Una de las razones por las que HTML5 abandonó el uso de estos términos fue para evitar este tipo de confusión.
 
-> **Nota:** Puedes encontrar referencias útiles que incluyen listas de elementos de bloque y elementos en línea. Consulta [Elementos en bloque](/es/docs/Web/HTML/Block-level_elements) y [Elementos en línea](/es/docs/Web/HTML/Elementos_en_línea).
+> **Nota:** Puedes encontrar referencias útiles que incluyen listas de elementos de bloque y elementos en línea. Consulta [Elementos en bloque](/es/docs/Glossary/Block-level_content) y [Elementos en línea](/es/docs/orphaned/Web/HTML/Inline_elements).
 
 ### Elementos vacíos
 
@@ -448,10 +452,10 @@ Cuando observas diferentes páginas web, puedes encontrarte con todo tipo de est
 Sin embargo, las cosas no funcionarán cuando a este estilo se añada el atributo `title`:
 
 ```html example-bad
-<a href=https://www.mozilla.org/ title=The Mozilla homepage>mi sitio web favorito</a>
+<a href=https://www.mozilla.org/ title=La pagina de Mozilla>mi sitio web favorito</a>
 ```
 
-En este punto el navegador interpretará mal el cambio y pensará que el atributo `title` corresponde a tres atributos: un atributo `title` con el valor _The_ y dos atributos booleanos: `Mozilla` y `homepage`. ¡Obviamente, esta no es la intensión! Causará errores o comportamientos inesperados, como puedes ver en el ejemplo en vivo a continuación. ¡Intenta colocar el cursor sobre el enlace para ver el texto del título!
+En este punto el navegador interpretará mal el cambio y pensará que el atributo `title` corresponde a tres atributos: un atributo `title` con el valor _La_ y dos atributos booleanos: `Mozilla` y `homepage`. ¡Obviamente, esta no es la intensión! Causará errores o comportamientos inesperados, como puedes ver en el ejemplo en vivo a continuación. ¡Intenta colocar el cursor sobre el enlace para ver el texto del título!
 
 {{ EmbedLiveSample('Omitir_comillas_en_valores_de_atributos', 700, 100, "", "", "hide-codepen-jsfiddle") }}
 
@@ -548,8 +552,8 @@ En este ejercicio, puedes editar el código en tu ordenador como se indica arrib
 - Justo debajo de la etiqueta de apertura {{htmlelement("body")}}, añade un título principal para el documento. Este deberá estar dentro de una etiqueta de apertura `<h1>` y una etiqueta de cierre `</h1>`.
 - Edita el contenido del párrafo e incluye algún texto sobre algo que te interese.
 - Pon las palabras importantes dentro de etiquetas `<strong>` de apertura y `</strong>` de cierre para que destaquen en negrita.
-- Añade un enlace a tu párrafo, como se ha explicado [anteriormente en este mismo artículo](/es/docs/Learn/HTML/Introduction_to_HTML/Getting_started#Active_learning_Adding_attributes_to_an_element).
-- Agrega una imagen a tu documento. Colócala debajo del párrafo, como [se explicó anteriormente en el artículo](/es/Learn/HTML/Introduction_to_HTML/Getting_started#Empty_elements). Ganarás puntos extra si consigues enlazar a una imagen diferente (de tu propio ordenador o de cualquier otro lugar de la web).
+- Añade un enlace a tu párrafo, como se ha explicado [anteriormente en este mismo artículo](#active_learning_adding_attributes_to_an_element).
+- Agrega una imagen a tu documento. Colócala debajo del párrafo, como [se explicó anteriormente en el artículo](#empty_elements). Ganarás puntos extra si consigues enlazar a una imagen diferente (de tu propio ordenador o de cualquier otro lugar de la web).
 
 Si te equivocas, siempre puedes restablecer el código anterior pulsando el botón _Restablecer_. Si te quedas realmente atascado, pulsa el botón _Mostrar la solución_ para ver la solución.
 
@@ -733,7 +737,7 @@ En la salida en vivo de abajo, puedes ver que el primer párrafo salió mal. El
 
 {{ EmbedLiveSample('Referencias_a_entidades_Inclusión_de_caracteres_especiales_en_HTML', 700, 200) }}
 
-> **Nota:** En la Wikipedia se puede localizar un listado de todas las referencias de entidades de caracteres HTML disponibles: [Anexo:Referencias a entidades de caracteres XML y HTML](https://es.wikipedia.org/wiki/Anexo:Referencias_a_entidades_de_caracteres_XML_y_HTML). Observa que no necesitas usar ninguna referencia de entidad más para ningún otro de estos símbolos porque los navegadores modernos gestionan estos símbolos correctamente siempre y cuando en tu HTML hayas [establecido la codificación de el juego de caracteres universal UTF-8](/es/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#Specifying_your_document's_character_encoding).
+> **Nota:** En la Wikipedia se puede localizar un listado de todas las referencias de entidades de caracteres HTML disponibles: [Anexo:Referencias a entidades de caracteres XML y HTML](https://es.wikipedia.org/wiki/Anexo:Referencias_a_entidades_de_caracteres_XML_y_HTML). Observa que no necesitas usar ninguna referencia de entidad más para ningún otro de estos símbolos porque los navegadores modernos gestionan estos símbolos correctamente siempre y cuando en tu HTML hayas [establecido la codificación de el juego de caracteres universal UTF-8](/es/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#specifying_your_document's_character_encoding).
 
 ## Comentarios HTML
 
diff --git a/files/es/learn/javascript/building_blocks/conditionals/index.md b/files/es/learn/javascript/building_blocks/conditionals/index.md
index 6731124891738a..925e0acdbd7a6b 100644
--- a/files/es/learn/javascript/building_blocks/conditionals/index.md
+++ b/files/es/learn/javascript/building_blocks/conditionals/index.md
@@ -40,12 +40,12 @@ if (condición) {
 Aquí tenemos:
 
 1. La palabra clave `if` seguida de unos paréntesis.
-2. Una condición a probar, puesta dentro de los paréntesis (típicamente "¿es este valor mayor que este otro valor?", o "¿existe este valor?"). Esta condición usará los [operadores de comparación](/es/Learn/JavaScript/First_steps/Math#Comparison_operators) que hemos hablado en el módulo anterior y retorna un valor `true` o `false (verdadero o falso)`.
+2. Una condición a probar, puesta dentro de los paréntesis (típicamente "¿es este valor mayor que este otro valor?", o "¿existe este valor?"). Esta condición usará los [operadores de comparación](/es/docs/Learn/JavaScript/First_steps/Math#comparison_operators) que hemos hablado en el módulo anterior y retorna un valor `true` o `false (verdadero o falso)`.
 3. Un conjunto de llaves, en las cuales tenemos algún código — puede ser cualquier código que deseemos, código que se ejecutará sólamente si la condición retorna `true`.
 4. La palabra clave `else`.
 5. Otro conjunto de llaves, dentro de las cuales tendremos otro código — puede ser cualquier código que deseemos, y sólo se ejecutará si la condición no es `true`.
 
-Este código es fácil de leer — está diciendo "**si (if)** la **condición** retorna verdadero (`true)`, entonces ejecute el código A, **sino (else)** ejecute el código B"
+Este código es fácil de leer — está diciendo "**si (if)** la **condición** retorna verdadero (`true`), entonces ejecute el código A, **sino (else)** ejecute el código B"
 
 Habrás notado que no tienes que incluir `else` y el segundo bloque de llaves — La siguiente declaración también es perfectmaente legal.
 
@@ -139,11 +139,11 @@ function establecerClima() {
 3. Cuando la función es ejecutada, primero establecemos la variable `eleccion` con el valor obtenido del elemento `<select>.` Luego usamos una declaración condicinal para mostrar distintos textos dentro del párrafo {{htmlelement("p")}} dependiendo del valor de la variable `eleccion`. Note como todas las condicinales son probadas en los bloques `else if() {...}` , a excepción del primero, el cual es probado en el primer bloque `if() {...}`.
 4. La ultima elección, dentro del bloque `else {...}`, es básicamente el "último recurso" como opción— El código dentro de este bloque se ejecutará si nunguna de las condiciones es `true`. En este caso, sirve para vaciar el contenido del párrafo si nada ha sido seleccionado, por ejemplo, si el usuario decide elegir de nuevo "--Haga una elección--" mostrado al inicio.
 
-> **Nota:** Puedes encontrar [este ejemplo en GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/simple-else-if.html) (También podrás verlo [correr en vivo](http://mdn.github.io/learning-area/javascript/building-blocks/simple-else-if.html).)
+> **Nota:** Puedes encontrar [este ejemplo en GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/simple-else-if.html) (También podrás verlo [correr en vivo](https://mdn.github.io/learning-area/javascript/building-blocks/simple-else-if.html).)
 
 ### Una nota en los operadores de comparación
 
-Los operadores de comparación son usados para probar las condiciones dentro de nuestra declaración condicional. Vimos estos operadores en el artículo [Matématica básica en JavaScript — Números y operadores](/es/Learn/JavaScript/First_steps/Math#Comparison_operators). Nuestras opciones son:
+Los operadores de comparación son usados para probar las condiciones dentro de nuestra declaración condicional. Vimos estos operadores en el artículo [Matématica básica en JavaScript — Números y operadores](/es/docs/Learn/JavaScript/First_steps/Math#comparison_operators). Nuestras opciones son:
 
 - `===` y `!==` — prueba si un valor es exactamente igual a otro, o sino es indentico a otro valor.
 - `<` y `>` — prueba si un valor es menor o mayor que otro.
@@ -308,16 +308,16 @@ Aquí tenemos:
 
 ### Un ejemplo con switch
 
-Let's have a look at a real example — we'll rewrite our weather forecast application to use a switch statement instead:
+Echemos un vistazo a un ejemplo real: reescribiremos nuestra aplicación de pronóstico del tiempo para usar una declaración switch:
 
 ```html
-<label for="weather">Select the weather type today: </label>
+<label for="weather">Seleccione el tipo de clima hoy:</label>
 <select id="weather">
-  <option value="">--Make a choice--</option>
-  <option value="sunny">Sunny</option>
-  <option value="rainy">Rainy</option>
-  <option value="snowing">Snowing</option>
-  <option value="overcast">Overcast</option>
+  <option value="">--Selecciona uno--</option>
+  <option value="sunny">Soleado</option>
+  <option value="rainy">Lluvioso</option>
+  <option value="snowing">Nevando</option>
+  <option value="overcast">Nublado</option>
 </select>
 
 <p></p>
@@ -335,19 +335,19 @@ function setWeather() {
   switch (choice) {
     case "sunny":
       para.textContent =
-        "It is nice and sunny outside today. Wear shorts! Go to the beach, or the park, and get an ice cream.";
+        "Afuera hoy hace sol y es agradable. ¡Usa pantalones cortos! Ve a la playa o al parque y tómate un helado.";
       break;
     case "rainy":
       para.textContent =
-        "Rain is falling outside; take a rain coat and a brolly, and don't stay out for too long.";
+        "Afuera llueve; llévate un impermeable y un paraguas y no te quedes fuera mucho tiempo.";
       break;
     case "snowing":
       para.textContent =
-        "The snow is coming down — it is freezing! Best to stay in with a cup of hot chocolate, or go build a snowman.";
+        "La nieve está cayendo, ¡está helada! Lo mejor es quedarse en casa con una taza de chocolate caliente o ir a construir un muñeco de nieve.";
       break;
     case "overcast":
       para.textContent =
-        "It isn't raining, but the sky is grey and gloomy; it could turn any minute, so take a rain coat just in case.";
+        "No llueve, pero el cielo está gris y sombrío; Podría cambiar en cualquier momento, así que lleva un impermeable por si acaso.";
       break;
     default:
       para.textContent = "";
@@ -355,13 +355,11 @@ function setWeather() {
 }
 ```
 
-{{ EmbedLiveSample('A_switch_example', '100%', 100, "", "", "hide-codepen-jsfiddle") }}
-
-> **Nota:** Tambien puedes[encontrar este ejemplo en GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/simple-switch.html) (tambien puedes verlo [en ejecución aquí](http://mdn.github.io/learning-area/javascript/building-blocks/simple-switch.html).)
+> **Nota:** Tambien puedes[encontrar este ejemplo en GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/simple-switch.html) (tambien puedes verlo [en ejecución aquí](https://mdn.github.io/learning-area/javascript/building-blocks/simple-switch.html).)
 
 ## Operador Ternario
 
-Hay una última sintaxis que queremos presentarte antes de que juegues con algunos ejemplos. El [operador ternario o condicional](/es/docs/Web/JavaScript/Reference/Operators/Conditional_Operator) es una pequeña sintaxis que prueba una condición y devuelve un valor/expresión, si es `true`, y otro si es `false` — Esto puede ser útil en algunas situaciones, y puede ocupar mucho menos código que un bloque `if...else` si simplemente tienes dos opciones que se eligen a través de una condición `true`/`false`. El pseudocódigo se ve así:
+Hay una última sintaxis que queremos presentarte antes de que juegues con algunos ejemplos. El [operador ternario o condicional](/es/docs/Web/JavaScript/Reference/Operators/Conditional_operator) es una pequeña sintaxis que prueba una condición y devuelve un valor/expresión, si es `true`, y otro si es `false` — Esto puede ser útil en algunas situaciones, y puede ocupar mucho menos código que un bloque `if...else` si simplemente tienes dos opciones que se eligen a través de una condición `true`/`false`. El pseudocódigo se ve así:
 
 ```
 ( condición ) ? ejecuta este código : ejecuta este código en su lugar
@@ -371,8 +369,8 @@ Veamos un ejemplo simple:
 
 ```js
 let greeting = isBirthday
-  ? "Happy birthday Mrs. Smith — we hope you have a great day!"
-  : "Good morning Mrs. Smith.";
+  ? "Feliz cumpleaños Sra. Smith. ¡Esperamos que tenga un gran día!"
+  : "Buenos días señora Smith.";
 ```
 
 Aquí tenemos una variable llamada `isBirthday` — si esta es `true`, le damos a nuestro invitado un mensaje de feliz cumpleaños; si no, le damos el saludo diario estándar.
@@ -382,13 +380,13 @@ Aquí tenemos una variable llamada `isBirthday` — si esta es `true`, le damos
 No solo puedes establecer valores variables con el operador ternario; También puedes ejecutar funciones o líneas de código — lo que quieras. El siguiente ejemplo muestra un selector de tema simple donde el estilo del sitio se aplica utilizando un operador ternario.
 
 ```html
-<label for="theme">Select theme: </label>
+<label for="theme">Seleccione el tema:</label>
 <select id="theme">
-  <option value="white">White</option>
-  <option value="black">Black</option>
+  <option value="white">Blanco</option>
+  <option value="black">Negro</option>
 </select>
 
-<h1>This is my website</h1>
+<h1>Este es mi sitio web</h1>
 ```
 
 ```js
@@ -412,9 +410,9 @@ select.onchange = function () {
 
 Aquí tenemos un elemento {{htmlelement('select')}} para elegir un tema (blanco o negro), más un simple (black or white), plus a simple {{htmlelement('h1')}} para mostrar el título de un sitio web. También tenemos una función llamada `update()`, que toma dos colores como parámetros (entradas). El color de fondo del sitio web se establece en el primer color proporcionado y el color del texto se establece en el segundo color proporcionado.
 
-Finalmente, también tenemos un detector de eventos [onchange](/es/docs/Web/API/GlobalEventHandlers/onchange) que sirve para ejecutar una función que contiene un operador ternario. Comienza con una condición de prueba — `select.value === 'black'`. Si esto devuelve `true`, ejecutamos la función `update()` con parámetros de blanco y negro, lo que significa que terminamos con un color de fondo negro y un color de texto blanco. Si devuelve `false`, ejecutamos las función `update()` con parámetros de blanco y negro, lo que significa que el color del sitio está invertido.
+Finalmente, también tenemos un detector de eventos [onchange](/es/docs/conflicting/Web/API/HTMLElement/change_event) que sirve para ejecutar una función que contiene un operador ternario. Comienza con una condición de prueba — `select.value === 'black'`. Si esto devuelve `true`, ejecutamos la función `update()` con parámetros de blanco y negro, lo que significa que terminamos con un color de fondo negro y un color de texto blanco. Si devuelve `false`, ejecutamos las función `update()` con parámetros de blanco y negro, lo que significa que el color del sitio está invertido.
 
-> **Nota:** También puedes [encontrar este ejemplo en GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/simple-ternary.html) (y verlo [en ejecución aquí](http://mdn.github.io/learning-area/javascript/building-blocks/simple-ternary.html).)
+> **Nota:** También puedes [encontrar este ejemplo en GitHub](https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/simple-ternary.html) (y verlo [en ejecución aquí](https://mdn.github.io/learning-area/javascript/building-blocks/simple-ternary.html).)
 
 ## Aprendizaje activo: Un calendario simple
 
@@ -424,7 +422,7 @@ En este ejemplo, nos ayudará a terminar una aplicación de calendario simple. E
 - Un controlador de eventos `onchange` para detectar cuándo se cambia el valor seleccionado en el menú de `<select>`.
 - Una función llamada `createCalendar()` que dibuja el calendario y muestra el mes correcto en el elemento {{htmlelement("h1")}}.
 
-Necesitamos que escriba una declaración condicional dentro de la función del controlador `onchange` justo debajo del comentario `// ADD CONDITIONAL HERE.` Debería:
+Necesitamos que escriba una declaración condicional dentro de la función del controlador `onchange` justo debajo del comentario `// AÑADIR CONDICIONAL AQUÍ` Debería:
 
 1. Mire el mes seleccionado (almacenado en la variable `choice`. Este será el valor del elemento `<select>` después de que cambie el valor, por ejemplo "January")
 2. Establezca una variable llamada `days` para que sea igual al número de días del mes seleccionado. Para hacer esto, tendrá que buscar el número de días en cada mes del año. Puede ignorar los años bisiestos a los efectos de este ejemplo.
@@ -434,25 +432,25 @@ Sugerencias:
 - Se le aconseja que utilice el operador lógico OR para agrupar varios meses en una sola condición; Muchos de ellos comparten el mismo número de días.
 - Piense qué número de días es le más común y utilícelo como valor predeterminado.
 
-Si comete un error, siempre puede restablecer el ejemplo con el botón "Reset". Si se queda realmente atascado, presione "Show solution" para ver una solución.
+Si comete un error, siempre puede restablecer el ejemplo con el botón "Reset". Si se queda realmente atascado, presione "Mostrar solución" para ver una solución.
 
 ```html hidden
-<h2>Live output</h2>
+<h2>Salida en vivo</h2>
 <div class="output" style="height: 500px;overflow: auto;">
-  <label for="month">Select month: </label>
+  <label for="month">Seleccione mes:</label>
   <select id="month">
-    <option value="January">January</option>
-    <option value="February">February</option>
-    <option value="March">March</option>
-    <option value="April">April</option>
-    <option value="May">May</option>
-    <option value="June">June</option>
-    <option value="July">July</option>
-    <option value="August">August</option>
-    <option value="September">September</option>
-    <option value="October">October</option>
-    <option value="November">November</option>
-    <option value="December">December</option>
+    <option value="January">Enero</option>
+    <option value="February">Febrero</option>
+    <option value="March">Marzo</option>
+    <option value="April">Abril</option>
+    <option value="May">Mayo</option>
+    <option value="June">Junio</option>
+    <option value="July">Julio</option>
+    <option value="August">Agosto</option>
+    <option value="September">Septiembre</option>
+    <option value="October">Octubre</option>
+    <option value="November">Noviembre</option>
+    <option value="December">Diciembre</option>
   </select>
 
   <h1></h1>
@@ -460,9 +458,10 @@ Si comete un error, siempre puede restablecer el ejemplo con el botón "Reset".
   <ul></ul>
 </div>
 
-<h2>Editable code</h2>
+<h2>Código editable</h2>
 <p class="a11y-label">
-  Press Esc to move focus away from the code area (Tab inserts a tab character).
+  Presione Esc para alejar el foco del área de código (Tab inserta un carácter
+  de tabulación).
 </p>
 
 <textarea id="code" class="playable-code" style="height: 400px;width: 95%">
@@ -473,7 +472,7 @@ var h1 = document.querySelector('h1');
 select.onchange = function() {
   var choice = select.value;
 
-  // ADD CONDITIONAL HERE
+  // AÑADIR CONDICIONAL AQUÍ
 
   createCalendar(days, choice);
 }
@@ -492,8 +491,8 @@ createCalendar(31,'January');
 </textarea>
 
 <div class="playable-buttons">
-  <input id="reset" type="button" value="Reset" />
-  <input id="solution" type="button" value="Show solution" />
+  <input id="reset" type="button" value="Restablecer" />
+  <input id="solution" type="button" value="Mostrar solución" />
 </div>
 ```
 
@@ -553,17 +552,17 @@ reset.addEventListener("click", function () {
   textarea.value = code;
   userEntry = textarea.value;
   solutionEntry = jsSolution;
-  solution.value = "Show solution";
+  solution.value = "Mostrar solución";
   updateCode();
 });
 
 solution.addEventListener("click", function () {
-  if (solution.value === "Show solution") {
+  if (solution.value === "Mostrar solución") {
     textarea.value = solutionEntry;
-    solution.value = "Hide solution";
+    solution.value = "Ocultar solución";
   } else {
     textarea.value = userEntry;
-    solution.value = "Show solution";
+    solution.value = "Mostrar solución";
   }
   updateCode();
 });
@@ -575,8 +574,8 @@ var solutionEntry = jsSolution;
 textarea.addEventListener("input", updateCode);
 window.addEventListener("load", updateCode);
 
-// stop tab key tabbing out of textarea and
-// make it write a tab at the caret position instead
+// detener la tecla de tabulación fuera del área de texto y
+// haz que escriba una tabulación en la posición del cursor en su lugar
 
 textarea.onkeydown = function (e) {
   if (e.keyCode === 9) {
@@ -606,12 +605,12 @@ function insertAtCaret(text) {
   textarea.scrollTop = scrollPos;
 }
 
-// Update the saved userCode every time the user updates the text area code
+// Actualice el código de usuario guardado cada vez que el usuario actualice el código de área de texto
 
 textarea.onkeyup = function () {
-  // We only want to save the state when the user code is being shown,
-  // not the solution, so that solution is not saved over the user code
-  if (solution.value === "Show solution") {
+  // Solo queremos guardar el estado cuando se muestra el código de usuario,
+  // no la solución, para que esa solución no se guarde sobre el código de usuario.
+  if (solution.value === "Mostrar solución") {
     userEntry = textarea.value;
   } else {
     solutionEntry = textarea.value;
@@ -625,32 +624,33 @@ textarea.onkeyup = function () {
 
 ## Aprendizaje activo: Más opciones de colores!
 
-In this example, you are going to take the ternary operator example we saw earlier and convert the ternary operator into a switch statement that will allow us to apply more choices to the simple website. Look at the {{htmlelement("select")}} — this time you'll see that it has not two theme options, but five. You need to add a switch statement just underneath the `// ADD SWITCH STATEMENT` comment:
+En este ejemplo, tomará el ejemplo del operador ternario que vimos anteriormente y convertirá el operador ternario en una declaración de cambio que nos permitirá aplicar más opciones al sitio web simple. Mire el {{htmlelement("select")}}; esta vez verá que no tiene dos opciones de tema, sino cinco. Debe agregar una declaración de cambio justo debajo del comentario `// AÑADIR DECLARACIÓN SWITCH`:
 
-- It should accept the `choice` variable as its input expression.
-- For each case, the choice should equal one of the possible values that can be selected, i.e. white, black, purple, yellow, or psychedelic. Note that the values are case sensitive, and should equal the `<option>` element `value` values rather than the visual labels.
-- For each case, the `update()` function should be run, and be passed two color values, the first one for the background color, and the second one for the text color. Remember that color values are strings, so need to be wrapped in quotes.
+- Debe aceptar la variable `choice` como expresión de entrada.
+- Para cada caso, la elección debe ser igual a uno de los posibles valores que se pueden seleccionar, es decir, blanco, negro, morado, amarillo o psicodélico. Tenga en cuenta que los valores distinguen entre mayúsculas y minúsculas y deben ser iguales a los valores `value` del elemento `<opción>` en lugar de a las etiquetas visuales.
+- Para cada caso se debe ejecutar la función `update()` y pasarle dos valores de color, el primero para el color de fondo y el segundo para el color del texto. Recuerde que los valores de color son cadenas, por lo que deben estar entre comillas.
 
-If you make a mistake, you can always reset the example with the "Reset" button. If you get really stuck, press "Show solution" to see a solution.
+Si comete un error, siempre puede restablecer el ejemplo con el botón "Restablecer". Si realmente te quedas atascado, presiona "Mostrar solución" para ver una solución.
 
 ```html hidden
-<h2>Live output</h2>
+<h2>Salida en vivo</h2>
 <div class="output" style="height: 300px;">
-  <label for="theme">Select theme: </label>
+  <label for="theme">Seleccione el tema: </label>
   <select id="theme">
-    <option value="white">White</option>
-    <option value="black">Black</option>
-    <option value="purple">Purple</option>
-    <option value="yellow">Yellow</option>
-    <option value="psychedelic">Psychedelic</option>
+    <option value="white">Blanco</option>
+    <option value="black">Negro</option>
+    <option value="purple">Morado</option>
+    <option value="yellow">Amarillo</option>
+    <option value="psychedelic">Psicodélico</option>
   </select>
 
-  <h1>This is my website</h1>
+  <h1>Este es mi sitio web</h1>
 </div>
 
-<h2>Editable code</h2>
+<h2>Código editable</h2>
 <p class="a11y-label">
-  Press Esc to move focus away from the code area (Tab inserts a tab character).
+  Presione Esc para alejar el foco del área de código (Tab inserta un carácter
+  de tabulación).
 </p>
 
 <textarea id="code" class="playable-code" style="height: 450px;width: 95%">
@@ -660,7 +660,7 @@ var html = document.querySelector('.output');
 select.onchange = function() {
   var choice = select.value;
 
-  // ADD SWITCH STATEMENT
+  // AÑADIR DECLARACIÓN SWITCH
 }
 
 function update(bgColor, textColor) {
@@ -670,8 +670,8 @@ function update(bgColor, textColor) {
 >
 
 <div class="playable-buttons">
-  <input id="reset" type="button" value="Reset" />
-  <input id="solution" type="button" value="Show solution" />
+  <input id="reset" type="button" value="Restablecer" />
+  <input id="solution" type="button" value="Mostrar solución" />
 </div>
 ```
 
@@ -712,17 +712,17 @@ reset.addEventListener("click", function () {
   textarea.value = code;
   userEntry = textarea.value;
   solutionEntry = jsSolution;
-  solution.value = "Show solution";
+  solution.value = "Mostrar solución";
   updateCode();
 });
 
 solution.addEventListener("click", function () {
-  if (solution.value === "Show solution") {
+  if (solution.value === "Mostrar solución") {
     textarea.value = solutionEntry;
-    solution.value = "Hide solution";
+    solution.value = "Ocultar solución";
   } else {
     textarea.value = userEntry;
-    solution.value = "Show solution";
+    solution.value = "Mostrar solución";
   }
   updateCode();
 });
@@ -734,8 +734,8 @@ var solutionEntry = jsSolution;
 textarea.addEventListener("input", updateCode);
 window.addEventListener("load", updateCode);
 
-// stop tab key tabbing out of textarea and
-// make it write a tab at the caret position instead
+// detener la tecla de tabulación fuera del área de texto y
+/// hacer que escriba una tabulación en la posición del cursor
 
 textarea.onkeydown = function (e) {
   if (e.keyCode === 9) {
@@ -765,12 +765,12 @@ function insertAtCaret(text) {
   textarea.scrollTop = scrollPos;
 }
 
-// Update the saved userCode every time the user updates the text area code
+// Actualice el código de usuario guardado cada vez que el usuario actualice el código de área de texto
 
 textarea.onkeyup = function () {
-  // We only want to save the state when the user code is being shown,
-  // not the solution, so that solution is not saved over the user code
-  if (solution.value === "Show solution") {
+  // Solo queremos guardar el estado cuando se muestra el código de usuario,
+  // no la solución, para que esa solución no se guarde sobre el código de usuario.
+  if (solution.value === "Mostrar solución") {
     userEntry = textarea.value;
   } else {
     solutionEntry = textarea.value;
@@ -784,13 +784,13 @@ textarea.onkeyup = function () {
 
 ## Conclusión
 
-¡Y eso es todo lo que necesitas saber sobre estructuras condicionales en Javascript ahora mismo! Estoy seguro que habrás entendido estos conceptos y trabajado en los ejemplos con facilidad; si hay algo que no entendiste, sientete libre de repasar este artículo de nuevo, o [contáctanos](/es/Learn#Contact_us) para solicitar ayuda.
+¡Y eso es todo lo que necesitas saber sobre estructuras condicionales en Javascript ahora mismo! Estoy seguro que habrás entendido estos conceptos y trabajado en los ejemplos con facilidad; si hay algo que no entendiste, sientete libre de repasar este artículo de nuevo, o [contáctanos](/es/docs/Learn#contact_us) para solicitar ayuda.
 
 ## Revisa también
 
-- [Comparison operators](/es/Learn/JavaScript/First_steps/Math#Comparison_operators)
-- [Conditional statements in detail](/es/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Conditional_statements)
-- [if...else reference](/es/docs/Web/JavaScript/Reference/Statements/if...else)
-- [Conditional (ternary) operator reference](/es/docs/Web/JavaScript/Reference/Operators/Conditional_Operator)
+- [Operadores de comparación](/es/docs/Learn/JavaScript/First_steps/Math#comparison_operators)
+- [Declaraciones condicionales en detalle](/es/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#conditional_statements)
+- [Referencia if...else](/es/docs/Web/JavaScript/Reference/Statements/if...else)
+- [Referencia de operador condicional (ternario)](/es/docs/Web/JavaScript/Reference/Operators/Conditional_operator)
 
 {{NextMenu("Learn/JavaScript/Building_blocks/Looping_code", "Learn/JavaScript/Building_blocks")}}
diff --git a/files/es/learn/javascript/first_steps/arrays/index.md b/files/es/learn/javascript/first_steps/arrays/index.md
index 02f88be14c4244..3a4270e8badd6e 100644
--- a/files/es/learn/javascript/first_steps/arrays/index.md
+++ b/files/es/learn/javascript/first_steps/arrays/index.md
@@ -1,5 +1,5 @@
 ---
-title: Arrays
+title: Arreglos
 slug: Learn/JavaScript/First_steps/Arrays
 ---
 
@@ -19,14 +19,14 @@ Las matrices se describen como "objetos tipo lista"; básicamente son objetos in
 
 Si no tuvieramos matrices, tendríamos que almacenar cada elemento en una variable separada, luego llamar al código que hace la impresión y agregarlo por separado para cada artículo. Esto sería mucho más largo de escribir, menos eficiente y más propenso a errores. si tuviéramos 10 elementos para agregar a la factura, ya sería suficientemente malo, pero ¿ qué pasa con 100 o 1000 artículos? Volveremos a este ejemplo más adelante en el artículo.
 
-Como en artículos anteriores, aprendamos sobre los aspectos básicos reales de las matrices ingresando algunos ejemplos en una consola de JavaScript. A continuación proporcionamos uno (también puedes [abrir en consola](https://mdn.github.io/learning-area/javascript/introduction-to-js-1/variables/index.html) en una pestaña o ventana separadas, o usar la [consola de desarrollador de navegador](/es/docs/Learn/Common_questions/What_are_browser_developer_tools), si lo prefieres).
+Como en artículos anteriores, aprendamos sobre los aspectos básicos reales de las matrices ingresando algunos ejemplos en una consola de JavaScript. A continuación proporcionamos uno (también puedes [abrir en consola](https://mdn.github.io/learning-area/javascript/introduction-to-js-1/variables/index.html) en una pestaña o ventana separadas, o usar la [consola de desarrollador de navegador](/es/docs/Learn/Common_questions/Tools_and_setup/What_are_browser_developer_tools), si lo prefieres).
 
 ```html hidden
 <!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>JavaScript console</title>
+    <title>Consola JavaScript</title>
     <style>
       * {
         box-sizing: border-box;
@@ -109,7 +109,7 @@ Como en artículos anteriores, aprendamos sobre los aspectos básicos reales de
       var outputPara = document.createElement("p");
 
       outputDiv.setAttribute("class", "output");
-      outputPara.textContent = "Result: " + result;
+      outputPara.textContent = "Resultado: " + result;
       outputDiv.appendChild(outputPara);
       document.body.appendChild(outputDiv);
 
@@ -148,13 +148,13 @@ Las matrices se construyen con corchetes, que contiene una lista de elementos se
 
 ### Accediendo y modificando elementos de la matriz
 
-Puedes entonces acceder a elementos individuales en la matriz mediante la notación de corchetes, del mismo modo que [accediste a las letras de una cadena](/es/Learn/JavaScript/First_steps/Useful_string_methods#Retrieving_a_specific_string_character).
+Puedes entonces acceder a elementos individuales en la matriz mediante la notación de corchetes, del mismo modo que [accediste a las letras de una cadena](/es/docs/Learn/JavaScript/First_steps/Useful_string_methods#retrieving_a_specific_string_character).
 
 1. Ingresa lo siguiente en tu consola:
 
    ```js
    shopping[0];
-   // returns "bread"
+   // devuelve "bread"
    ```
 
 2. también puedes modificar un elemento en una matriz simplemente dando a un item de la matriz un nuevo valor. Prueba esto:
@@ -162,7 +162,7 @@ Puedes entonces acceder a elementos individuales en la matriz mediante la notaci
    ```js
    shopping[0] = "tahini";
    shopping;
-   // shopping will now return [ "tahini", "milk", "cheese", "hummus", "noodles" ]
+   // shopping ahora devolverá [ "tahini", "milk", "cheese", "hummus", "noodles" ]
    ```
 
    > **Nota:** Lo dijimos antes, pero solo como recordatorio — ¡ las computadoras comienzan a contar desde 0!
@@ -181,7 +181,7 @@ Puedes averiguar la longitud de una matriz (cuántos elementos contiene) exactam
 
 ```js
 sequence.length;
-// should return 7
+// Deve devolver 7
 ```
 
 Esto tiene otros usos, pero se usa más comunmente para indicarle a un ciclo que continúe hasta que haya recorrido todos los elementos de la matriz. Así por ejemplo:
@@ -197,7 +197,7 @@ Aprenderás acerca de bucles correctamente en un artículo futuro, pero brevemen
 
 1. Comienza el bucle en el elemento de la posición 0 en la matriz.
 2. Detén el bucle en el número de item igual a la longitud de la matriz. Esto funcionará para una matriz de cualquier longitid, pero en este caso el ciclo se detendrá en el elemento número 7 (esto es bueno, ya que el último elemento — que queremos que recorra el bucle — es 6.
-3. Para cada elemento, imprime en la consola del navegador con [`console.log()`](/es/docs/Web/API/Console/log).
+3. Para cada elemento, imprime en la consola del navegador con [`console.log()`](/es/docs/Web/API/console/log).
 
 ## Alguno métodos de matriz útiles
 
@@ -226,9 +226,9 @@ A menudo se te presentarán algunos datos brutos contenidos en una cadena larga
 
    ```js
    myArray.length;
-   myArray[0]; // the first item in the array
-   myArray[1]; // the second item in the array
-   myArray[myArray.length - 1]; // the last item in the array
+   myArray[0]; // el primer elemento del arreglo
+   myArray[1]; // el segundo elemento del arreglo
+   myArray[myArray.length - 1]; // el último elemento del arreglo
    ```
 
 4. También puedes ir en la dirección opuesta usando el método {{jsxref("Array.prototype.join()","join()")}}. Prueba lo siguiente:
@@ -315,14 +315,14 @@ Antes que nada, para añdir o eliminar un elemento al final de una matriz podemo
 Volvamos al ejemplo que describimos anteriormente — imprima los nombres de los productos y los precios en una factura, luego, sume los precios e imprímelos en la parte inferior. En el ejemplo editable a continuación, hay comentarios que contienen números — cada uno de estos marca un lugar donde debe agregar algo al código. Ellos son los siguientes:
 
 1. Debajo de `// number 1` hay un número de cadena, cada una de las cuales contiene un nombre de producto y un precio separados por dos puntos. Nos gustaría que conviertas esto en una matriz y lo almacenamos en una matriz llamda `products`.
-2. En la misma línea que el comentario `// number 2` es el comienzo de un ciclo for. En esta línea, actualmente tenemos `i <= 0`, que es una prueba condicional que hace que el [bucle for](/es/Learn/JavaScript/First_steps/A_first_splash#Loops) se detenga inmediatamente, porque dice "detener cuando `i` es menor o igual 0", y `i` comienza en 0. Nos gustaría que reemplazaras esto con una prueba condicional que detenga el ciclo cuando `i` no sea inferior a la longitud la matriz `products` .
-3. justo debajo del comentario `// number 3` queremos que escriba una línea de código que divide el elemento actual de la matriz (`nombre:precio`) en dos elementos separados, uno que contiene solo el nombre y otros que contienen solo el precio. Si no está seguro de cómo hacerlo, consulte el artículo [Métodos de cadenas útiles](/es/docs/Learn/JavaScript/First_steps/Useful_string_methods) para obtener ayuda o, mejor aún, consulte la sección [Converting between strings and arrays](#converting_between_strings_and_arrays) de este artículo.
-4. Como parte de la línea de código anterior, también querras convertir el precio de una cadena a un número. Si no pudes recordar como hacerlo, consulta el [primer artículo de cadenas](/es/Learn/JavaScript/First_steps/Strings#Numbers_versus_strings).
-5. Hay una variable llamada `total` que se crea y se le da un valor de 0 en la parte superior del código. Dentro del ciclo (debajo de `// number 4`) queremos que agregues una línea que añade el precio actual del artículo a ese total en cada iteración del ciclo, de modo que al final del código el total correcto se imprima en la factura. Es posible que necesites un [operador de asignación](/es/Learn/JavaScript/First_steps/Math#Assignment_operators) para hacer esto.
+2. En la misma línea que el comentario `// number 2` es el comienzo de un ciclo for. En esta línea, actualmente tenemos `i <= 0`, que es una prueba condicional que hace que el [bucle for](/es/docs/Learn/JavaScript/First_steps/A_first_splash#loops) se detenga inmediatamente, porque dice "detener cuando `i` es menor o igual 0", y `i` comienza en 0. Nos gustaría que reemplazaras esto con una prueba condicional que detenga el ciclo cuando `i` no sea inferior a la longitud la matriz `products` .
+3. Justo debajo del comentario `// number 3` queremos que escriba una línea de código que divide el elemento actual de la matriz (`nombre:precio`) en dos elementos separados, uno que contiene solo el nombre y otros que contienen solo el precio. Si no está seguro de cómo hacerlo, consulte el artículo [Métodos de cadenas útiles](/es/docs/Learn/JavaScript/First_steps/Useful_string_methods) para obtener ayuda o, mejor aún, consulte la sección [Conversión entre cadenas y matrices](#converting_between_strings_and_arrays) de este artículo.
+4. Como parte de la línea de código anterior, también querras convertir el precio de una cadena a un número. Si no pudes recordar como hacerlo, consulta el [primer artículo de cadenas](/es/docs/Learn/JavaScript/First_steps/Strings#numbers_versus_strings).
+5. Hay una variable llamada `total` que se crea y se le da un valor de 0 en la parte superior del código. Dentro del ciclo (debajo de `// number 4`) queremos que agregues una línea que añade el precio actual del artículo a ese total en cada iteración del ciclo, de modo que al final del código el total correcto se imprima en la factura. Es posible que necesites un [operador de asignación](/es/docs/Learn/JavaScript/First_steps/Math#assignment_operators) para hacer esto.
 6. Queremos que cambies la línea justo de bajo `// number 5` para que la variable `itemText` se iguale a "nombre de elemnto actual — $precio de elemento actual", por ejemplo "Zapatos — $23.99" en cada caso, por lo que la información correcta del artículo está impreso en la factura. Esto es simplemente una concatenación de cadenas, lo que debería ser familiar para ti.
 
 ```html hidden
-<h2>Live output</h2>
+<h2>Salida en vivo</h2>
 
 <div class="output" style="min-height: 150px;">
   <ul></ul>
@@ -330,10 +330,11 @@ Volvamos al ejemplo que describimos anteriormente — imprima los nombres de los
   <p></p>
 </div>
 
-<h2>Editable code</h2>
+<h2>Código editable</h2>
 
 <p class="a11y-label">
-  Press Esc to move focus away from the code area (Tab inserts a tab character).
+  Presione Esc para alejar el foco del área de código (Tab inserta un carácter
+  de tabulación).
 </p>
 
 <textarea id="code" class="playable-code" style="height: 410px;width: 95%">
@@ -366,8 +367,8 @@ totalBox.textContent = 'Total: $' + total.toFixed(2);
 </textarea>
 
 <div class="playable-buttons">
-  <input id="reset" type="button" value="Reset" />
-  <input id="solution" type="button" value="Show solution" />
+  <input id="reset" type="button" value="Restablecer" />
+  <input id="solution" type="button" value="Mostrar solución" />
 </div>
 ```
 
@@ -386,17 +387,17 @@ reset.addEventListener("click", function () {
   textarea.value = code;
   userEntry = textarea.value;
   solutionEntry = jsSolution;
-  solution.value = "Show solution";
+  solution.value = "Mostrar solución";
   updateCode();
 });
 
 solution.addEventListener("click", function () {
-  if (solution.value === "Show solution") {
+  if (solution.value === "Mostrar solución") {
     textarea.value = solutionEntry;
-    solution.value = "Hide solution";
+    solution.value = "Ocultar solución";
   } else {
     textarea.value = userEntry;
-    solution.value = "Show solution";
+    solution.value = "Mostrar solución";
   }
   updateCode();
 });
@@ -408,8 +409,8 @@ var solutionEntry = jsSolution;
 textarea.addEventListener("input", updateCode);
 window.addEventListener("load", updateCode);
 
-// stop tab key tabbing out of textarea and
-// make it write a tab at the caret position instead
+// detener la tecla de tabulación fuera del área de texto y
+// hacer que escriba una tabulación en la posición del cursor
 
 textarea.onkeydown = function (e) {
   if (e.keyCode === 9) {
@@ -439,12 +440,12 @@ function insertAtCaret(text) {
   textarea.scrollTop = scrollPos;
 }
 
-// Update the saved userCode every time the user updates the text area code
+// Actualice el código de usuario guardado cada vez que el usuario actualice el código de área de texto
 
 textarea.onkeyup = function () {
-  // We only want to save the state when the user code is being shown,
-  // not the solution, so that solution is not saved over the user code
-  if (solution.value === "Show solution") {
+  // Solo queremos guardar el estado cuando se muestra el código de usuario,
+  // no la solución, para que esa solución no se guarde sobre el código de usuario.
+  if (solution.value === "Mostrar solución") {
     userEntry = textarea.value;
   } else {
     solutionEntry = textarea.value;
@@ -492,17 +493,18 @@ Para completar la aplicación necesitamos:
 2. Agrega una línea debajo del comentario `// number 2` que elimina el valor actualmente al final de la matriz.
 
 ```html hidden
-<h2>Live output</h2>
+<h2>Salida en vivo</h2>
 <div class="output" style="min-height: 150px;">
-  <input type="text" /><button>Search</button>
+  <input type="text" /><button>Buscar</button>
 
   <ul></ul>
 </div>
 
-<h2>Editable code</h2>
+<h2>Código editable</h2>
 
 <p class="a11y-label">
-  Press Esc to move focus away from the code area (Tab inserts a tab character).
+  Presione Esc para alejar el foco del área de código (Tab inserta un carácter
+  de tabulación).
 </p>
 
 <textarea id="code" class="playable-code" style="height: 370px; width: 95%">
@@ -515,15 +517,15 @@ list.innerHTML = '';
 var myHistory = [];
 
 searchBtn.onclick = function() {
-  // we will only allow a term to be entered if the search input isn't empty
+  // Solo permitiremos que se ingrese un término si la entrada de búsqueda no está vacía.
   if (searchInput.value !== '') {
     // number 1
 
-    // empty the list so that we don't display duplicate entries
-    // the display is regenerated every time a search term is entered.
+    // Vacíe la lista para no mostrar entradas duplicadas. La pantalla
+    // se regenera cada vez que se ingresa un término de búsqueda.
     list.innerHTML = '';
 
-    // loop through the array, and display all the search terms in the list
+    // recorrer el arreglo y mostrar todos los términos de búsqueda en la lista
     for (var i = 0; i < myHistory.length; i++) {
       itemText = myHistory[i];
       var listItem = document.createElement('li');
@@ -531,13 +533,13 @@ searchBtn.onclick = function() {
       list.appendChild(listItem);
     }
 
-    // If the array length is 5 or more, remove the oldest search term
+    // Si la longitud del arreglo es 5 o más, elimine el término de búsqueda más antiguo
     if (myHistory.length >= 5) {
       // number 2
 
     }
 
-    // empty the search input and focus it, ready for the next term to be entered
+    // vacíe la entrada de búsqueda y enfóquela, listo para ingresar el siguiente término
     searchInput.value = '';
     searchInput.focus();
   }
@@ -545,8 +547,8 @@ searchBtn.onclick = function() {
 </textarea>
 
 <div class="playable-buttons">
-  <input id="reset" type="button" value="Reset" />
-  <input id="solution" type="button" value="Show solution" />
+  <input id="reset" type="button" value="Restablecer" />
+  <input id="solution" type="button" value="Mostrar solución" />
 </div>
 ```
 
@@ -587,17 +589,17 @@ reset.addEventListener("click", function () {
   textarea.value = code;
   userEntry = textarea.value;
   solutionEntry = jsSolution;
-  solution.value = "Show solution";
+  solution.value = "Mostrar solución";
   updateCode();
 });
 
 solution.addEventListener("click", function () {
-  if (solution.value === "Show solution") {
+  if (solution.value === "Mostrar solución") {
     textarea.value = solutionEntry;
-    solution.value = "Hide solution";
+    solution.value = "Ocultar solución";
   } else {
     textarea.value = userEntry;
-    solution.value = "Show solution";
+    solution.value = "Mostrar solución";
   }
   updateCode();
 });
@@ -609,8 +611,8 @@ var solutionEntry = jsSolution;
 textarea.addEventListener("input", updateCode);
 window.addEventListener("load", updateCode);
 
-// stop tab key tabbing out of textarea and
-// make it write a tab at the caret position instead
+// detener la tecla de tabulación fuera del área de texto y
+// hacer que escriba una tabulación en la posición del cursor
 
 textarea.onkeydown = function (e) {
   if (e.keyCode === 9) {
@@ -640,12 +642,12 @@ function insertAtCaret(text) {
   textarea.scrollTop = scrollPos;
 }
 
-// Update the saved userCode every time the user updates the text area code
+// Actualice el código de usuario guardado cada vez que el usuario actualice el código de área de texto
 
 textarea.onkeyup = function () {
-  // We only want to save the state when the user code is being shown,
-  // not the solution, so that solution is not saved over the user code
-  if (solution.value === "Show solution") {
+  // Solo queremos guardar el estado cuando se muestra el código de usuario,
+  // no la solución, para que esa solución no se guarde sobre el código de usuario.
+  if (solution.value === "Mostrar solución") {
     userEntry = textarea.value;
   } else {
     solutionEntry = textarea.value;
@@ -665,7 +667,7 @@ Lo único que queda por hacer es trabajar a través de la evaluación de este m
 
 ## See also
 
-- [Indexed collections](/es/docs/Web/JavaScript/Guide/Indexed_collections) — an advanced level guide to arrays and their cousins, typed arrays.
-- {{jsxref("Array")}} — the `Array` object reference page — for a detailed reference guide to the features discussed in this page, and many more.
+- [Colecciones indexadas](/es/docs/Web/JavaScript/Guide/Indexed_collections) — una guía de nivel avanzado sobre arreglos y sus primos, los arreglos tipadosa.
+- {{jsxref("Array")}}: la página de referencia del objeto `Array`, para obtener una guía de referencia detallada de las funciones analizadas en esta página y muchas más.
 
 {{PreviousMenuNext("Learn/JavaScript/First_steps/Useful_string_methods", "Learn/JavaScript/First_steps/Silly_story_generator", "Learn/JavaScript/First_steps")}}
diff --git a/files/es/learn/javascript/first_steps/useful_string_methods/index.md b/files/es/learn/javascript/first_steps/useful_string_methods/index.md
index 137771b0d571c6..6d68dd76b79c52 100644
--- a/files/es/learn/javascript/first_steps/useful_string_methods/index.md
+++ b/files/es/learn/javascript/first_steps/useful_string_methods/index.md
@@ -23,14 +23,14 @@ Tu variable se convierte en una instancia del objeto cadena y, como resultado, t
 
 **Ahora, antes de que tu cerebro comience a derretirse, ¡no te preocupes!** Realmente no necesitas saber acerca de la mayoría de estos principios en tu viaje de aprendizaje. Pero hay algunos que posiblemente utilizarás con bastante frecuencia así como veremos aquí.
 
-Ingresemos algunos ejemplos en una nueva consola. A continuación, proporcionamos uno (también puedes [abrir esta consola](https://mdn.github.io/learning-area/javascript/introduction-to-js-1/variables/index.html) en una ventana o pestaña por separado, o si prefieres usar la [consola de desarrolladores del navegador](/es/docs/Learn/Common_questions/What_are_browser_developer_tools)).
+Ingresemos algunos ejemplos en una nueva consola. A continuación, proporcionamos uno (también puedes [abrir esta consola](https://mdn.github.io/learning-area/javascript/introduction-to-js-1/variables/index.html) en una ventana o pestaña por separado, o si prefieres usar la [consola de desarrolladores del navegador](/es/docs/Learn/Common_questions/Tools_and_setup/What_are_browser_developer_tools)).
 
 ```html hidden
 <!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>JavaScript console</title>
+    <title>Consola JavaScript</title>
     <style>
       * {
         box-sizing: border-box;
@@ -109,7 +109,7 @@ Ingresemos algunos ejemplos en una nueva consola. A continuación, proporcionamo
       var outputPara = document.createElement("p");
 
       outputDiv.setAttribute("class", "output");
-      outputPara.textContent = "Result: " + result;
+      outputPara.textContent = "Resultado: " + result;
       outputDiv.appendChild(outputPara);
       document.body.appendChild(outputDiv);
 
@@ -175,7 +175,7 @@ El largo de "mozilla" es 7, pero es porque el contador comienza en 0, la posici
 
    ```js
    if (browserType.indexOf("mozilla") !== -1) {
-     // do stuff with the string
+     // hacer cosas con la cadena
    }
    ```
 
@@ -204,7 +204,7 @@ Los métodos de cadena {{jsxref("String.prototype.toLowerCase()", "toLowerCase()
 Intentemos ingresar las siguentes líneas para ver que sucede:
 
 ```js
-let radData = "My NaMe Is MuD";
+let radData = "Mi NoMbRe Es MuD";
 radData.toLowerCase();
 radData.toUpperCase();
 ```
@@ -225,7 +225,7 @@ Ten en cuenta que para obtener realmente el valor actualizado reflejado en la va
 
 En esta sección, conseguiremos que intentes escribir algún código de manipulación de cadenas. En cada ejercicio a continuación, tenemos una matríz de cadenas y un bucle que procesa cada valor en la matríz y lo muestra en una lista con viñetas. No es necesario que comprendas matrices y bucles en este mismo momento — estos se explicarán en futuros artículos. Todo lo que necesitas hacer en cada caso es escribir el código que dará de salida a las cadenas en el formato que las queremos.
 
-Cada ejemplo viene con un botón de "Reset" , Que puedes utilizar para reestablecer el código si cometes un error y no puedes hacerlo funcionar nuevamente, y un botón "Show solution" que puedes presionar para ver una posible respuesta si te encuentras realmente atorado.
+Cada ejemplo viene con un botón de "Restablecer" , Que puedes utilizar para reestablecer el código si cometes un error y no puedes hacerlo funcionar nuevamente, y un botón "Mostrar solución" que puedes presionar para ver una posible respuesta si te encuentras realmente atorado.
 
 ### Filtrado de mensajes de saludo
 
@@ -236,30 +236,31 @@ En el primer ejercicio, comenzamos de manera simple — tenemos una matríz de m
 3. Sugerencia: En este caso, probablemente sea más útil comprobar si la llamada al método _no es_ igual a un determinado resultado.
 
 ```html hidden
-<h2>Live output</h2>
+<h2>Salida en vivo</h2>
 
 <div class="output" style="min-height: 125px;">
   <ul></ul>
 </div>
 
-<h2>Editable code</h2>
+<h2>Código editable</h2>
 <p class="a11y-label">
-  Press Esc to move focus away from the code area (Tab inserts a tab character).
+  Presione Esc para alejar el foco del área de código (Tab inserta un carácter
+  de tabulación).
 </p>
 
 <textarea id="code" class="playable-code" style="height: 290px; width: 95%">
 var list = document.querySelector('.output ul');
 list.innerHTML = '';
-var greetings = ['Happy Birthday!',
-                 'Merry Christmas my love',
-                 'A happy Christmas to all the family',
-                 'You\'re all I want for Christmas',
-                 'Get well soon'];
+var greetings = ['¡Feliz cumpleaños!',
+                 'Feliz navidad mi amor',
+                 'Una feliz navidad a toda la familia',
+                 'Eres todo lo que quiero para Navidad',
+                 'Que te mejores pronto'];
 
 for (var i = 0; i < greetings.length; i++) {
   var input = greetings[i];
-  // Your conditional test needs to go inside the parentheses
-  // in the line below, replacing what's currently there
+  // Su prueba condicional debe ir dentro del paréntesis
+  // en la línea siguiente, reemplazando lo que hay actualmente
   if (greetings[i]) {
     var result = input;
     var listItem = document.createElement('li');
@@ -270,8 +271,8 @@ for (var i = 0; i < greetings.length; i++) {
 </textarea>
 
 <div class="playable-buttons">
-  <input id="reset" type="button" value="Reset" />
-  <input id="solution" type="button" value="Show solution" />
+  <input id="reset" type="button" value="Restablecer" />
+  <input id="solution" type="button" value="Mostrar solución" />
 </div>
 ```
 
@@ -312,30 +313,30 @@ reset.addEventListener("click", function () {
   textarea.value = code;
   userEntry = textarea.value;
   solutionEntry = jsSolution;
-  solution.value = "Show solution";
+  solution.value = "Mostrar solución";
   updateCode();
 });
 
 solution.addEventListener("click", function () {
-  if (solution.value === "Show solution") {
+  if (solution.value === "Mostrar solución") {
     textarea.value = solutionEntry;
-    solution.value = "Hide solution";
+    solution.value = "Ocultar solución";
   } else {
     textarea.value = userEntry;
-    solution.value = "Show solution";
+    solution.value = "Mostrar solución";
   }
   updateCode();
 });
 
 var jsSolution =
-  "var list = document.querySelector('.output ul');\nlist.innerHTML = '';\nvar greetings = ['Happy Birthday!',\n 'Merry Christmas my love',\n 'A happy Christmas to all the family',\n 'You\\'re all I want for Christmas',\n 'Get well soon'];\n\nfor(var i = 0; i < greetings.length; i++) {\n var input = greetings[i];\n if(greetings[i].indexOf('Christmas') !== -1) {\n var result = input;\n var listItem = document.createElement('li');\n listItem.textContent = result;\n list.appendChild(listItem);\n }\n}";
+  "var list = document.querySelector('.output ul');\nlist.innerHTML = '';\nvar greetings = ['¡Feliz cumpleaños!',\n 'Feliz navidad mi amor',\n 'Una feliz navidad a toda la familia',\n 'Eres todo lo que quiero para Navidad.',\n 'Que te mejores pronto'];\n\nfor(var i = 0; i < greetings.length; i++) {\n var input = greetings[i];\n if(greetings[i].indexOf('Christmas') !== -1) {\n var result = input;\n var listItem = document.createElement('li');\n listItem.textContent = result;\n list.appendChild(listItem);\n }\n}";
 var solutionEntry = jsSolution;
 
 textarea.addEventListener("input", updateCode);
 window.addEventListener("load", updateCode);
 
-// stop tab key tabbing out of textarea and
-// make it write a tab at the caret position instead
+// detener la tecla de tabulación fuera del área de texto y
+// hacer que escriba una tabulación en la posición del cursor
 
 textarea.onkeydown = function (e) {
   if (e.keyCode === 9) {
@@ -365,12 +366,12 @@ function insertAtCaret(text) {
   textarea.scrollTop = scrollPos;
 }
 
-// Update the saved userCode every time the user updates the text area code
+// Actualice el código de usuario guardado cada vez que el usuario actualice el código de área de texto
 
 textarea.onkeyup = function () {
-  // We only want to save the state when the user code is being shown,
-  // not the solution, so that solution is not saved over the user code
-  if (solution.value === "Show solution") {
+  // Solo queremos guardar el estado cuando se muestra el código de usuario,
+  // no la solución, para que esa solución no se guarde sobre el código de usuario.
+  if (solution.value === "Mostrar solución") {
     userEntry = textarea.value;
   } else {
     solutionEntry = textarea.value;
@@ -394,15 +395,16 @@ En este ejercicio tenemos los nombres de las ciudades del Reino Unido, Pero las
 > **Nota:** Una pista — los parámetros de los métodos de cadena no tienen que ser literales de cadenas; también pueden ser variables, o incluso variables con un método invocados en ellas.
 
 ```html hidden
-<h2>Live output</h2>
+<h2>Salida en vivo</h2>
 
 <div class="output" style="min-height: 125px;">
   <ul></ul>
 </div>
 
-<h2>Editable code</h2>
+<h2>Código editable</h2>
 <p class="a11y-label">
-  Press Esc to move focus away from the code area (Tab inserts a tab character).
+  Presione Esc para alejar el foco del área de código (Tab inserta un carácter
+  de tabulación).
 </p>
 
 <textarea id="code" class="playable-code" style="height: 250px; width: 95%">
@@ -411,7 +413,7 @@ list.innerHTML = '';
 var cities = ['lonDon', 'ManCHESTer', 'BiRmiNGHAM', 'liVERpoOL'];
 for(var i = 0; i < cities.length; i++) {
   var input = cities[i];
-  // write your code just below here
+  // escribe tu código justo debajo aquí
 
   var result = input;
   var listItem = document.createElement('li');
@@ -421,8 +423,8 @@ for(var i = 0; i < cities.length; i++) {
 </textarea>
 
 <div class="playable-buttons">
-  <input id="reset" type="button" value="Reset" />
-  <input id="solution" type="button" value="Show solution" />
+  <input id="reset" type="button" value="Restablecer" />
+  <input id="solution" type="button" value="Mostrar solución" />
 </div>
 ```
 
@@ -463,17 +465,17 @@ reset.addEventListener("click", function () {
   textarea.value = code;
   userEntry = textarea.value;
   solutionEntry = jsSolution;
-  solution.value = "Show solution";
+  solution.value = "Mostrar solución";
   updateCode();
 });
 
 solution.addEventListener("click", function () {
-  if (solution.value === "Show solution") {
+  if (solution.value === "Mostrar solución") {
     textarea.value = solutionEntry;
-    solution.value = "Hide solution";
+    solution.value = "Ocultar solución";
   } else {
     textarea.value = userEntry;
-    solution.value = "Show solution";
+    solution.value = "Mostrar solución";
   }
   updateCode();
 });
@@ -485,8 +487,8 @@ var solutionEntry = jsSolution;
 textarea.addEventListener("input", updateCode);
 window.addEventListener("load", updateCode);
 
-// stop tab key tabbing out of textarea and
-// make it write a tab at the caret position instead
+// detener la tecla de tabulación fuera del área de texto y
+// hacer que escriba una tabulación en la posición del cursor
 
 textarea.onkeydown = function (e) {
   if (e.keyCode === 9) {
@@ -516,12 +518,12 @@ function insertAtCaret(text) {
   textarea.scrollTop = scrollPos;
 }
 
-// Update the saved userCode every time the user updates the text area code
+// Actualice el código de usuario guardado cada vez que el usuario actualice el código de área de texto
 
 textarea.onkeyup = function () {
-  // We only want to save the state when the user code is being shown,
-  // not the solution, so that solution is not saved over the user code
-  if (solution.value === "Show solution") {
+  // Solo queremos guardar el estado cuando se muestra el código de usuario,
+  // no la solución, para que esa solución no se guarde sobre el código de usuario.
+  if (solution.value === "Mostrar solución") {
     userEntry = textarea.value;
   } else {
     solutionEntry = textarea.value;
@@ -556,15 +558,16 @@ Recomendamos hacerlo así:
 5. Cambia el valor de la variable de `result` a igual a la cadena final, no a `input`.
 
 ```html hidden
-<h2>Live output</h2>
+<h2>Salida en vivo</h2>
 
 <div class="output" style="min-height: 125px;">
   <ul></ul>
 </div>
 
-<h2>Editable code</h2>
+<h2>Código editable</h2>
 <p class="a11y-label">
-  Press Esc to move focus away from the code area (Tab inserts a tab character).
+  Presione Esc para alejar el foco del área de código (Tab inserta un carácter
+  de tabulación).
 </p>
 
 <textarea id="code" class="playable-code" style="height: 285px; width: 95%">
@@ -578,7 +581,7 @@ var stations = ['MAN675847583748sjt567654;Manchester Piccadilly',
 
 for (var i = 0; i < stations.length; i++) {
   var input = stations[i];
-  // write your code just below here
+  // escribe tu código justo debajo aquí
 
   var result = input;
   var listItem = document.createElement('li');
@@ -588,8 +591,8 @@ for (var i = 0; i < stations.length; i++) {
 </textarea>
 
 <div class="playable-buttons">
-  <input id="reset" type="button" value="Reset" />
-  <input id="solution" type="button" value="Show solution" />
+  <input id="reset" type="button" value="Restablecer" />
+  <input id="solution" type="button" value="Mostrar solución" />
 </div>
 ```
 
@@ -630,17 +633,17 @@ reset.addEventListener("click", function () {
   textarea.value = code;
   userEntry = textarea.value;
   solutionEntry = jsSolution;
-  solution.value = "Show solution";
+  solution.value = "Mostrar solución";
   updateCode();
 });
 
 solution.addEventListener("click", function () {
-  if (solution.value === "Show solution") {
+  if (solution.value === "Mostrar solución") {
     textarea.value = solutionEntry;
-    solution.value = "Hide solution";
+    solution.value = "Ocultar solución";
   } else {
     textarea.value = userEntry;
-    solution.value = "Show solution";
+    solution.value = "Mostrar solución";
   }
   updateCode();
 });
@@ -652,8 +655,8 @@ var solutionEntry = jsSolution;
 textarea.addEventListener("input", updateCode);
 window.addEventListener("load", updateCode);
 
-// stop tab key tabbing out of textarea and
-// make it write a tab at the caret position instead
+// detener la tecla de tabulación fuera del área de texto y
+// hacer que escriba una tabulación en la posición del cursor
 
 textarea.onkeydown = function (e) {
   if (e.keyCode === 9) {
@@ -683,12 +686,12 @@ function insertAtCaret(text) {
   textarea.scrollTop = scrollPos;
 }
 
-// Update the saved userCode every time the user updates the text area code
+// Actualice el código de usuario guardado cada vez que el usuario actualice el código de área de texto
 
 textarea.onkeyup = function () {
-  // We only want to save the state when the user code is being shown,
-  // not the solution, so that solution is not saved over the user code
-  if (solution.value === "Show solution") {
+  // Solo queremos guardar el estado cuando se muestra el código de usuario,
+  // no la solución, para que esa solución no se guarde sobre el código de usuario.
+  if (solution.value === "Mostrar solución") {
     userEntry = textarea.value;
   } else {
     solutionEntry = textarea.value;
diff --git a/files/es/learn/javascript/objects/object_prototypes/index.md b/files/es/learn/javascript/objects/object_prototypes/index.md
index ff32e5fa6f5368..647cea593c8a43 100644
--- a/files/es/learn/javascript/objects/object_prototypes/index.md
+++ b/files/es/learn/javascript/objects/object_prototypes/index.md
@@ -82,7 +82,7 @@ La respuesta es que los heredados son los que están definidos en la propiedad `
 
 Así que `Object.prototype.watch()`, `Object.prototype.valueOf()`, etc., están disponibles para cualquier tipo de objeto que herede de `Object.prototype`, incluyendo nuevas instancias de objeto creadas desde el constructor.
 
-[`Object.is()`](/es/docs/Web/JavaScript/Referencia/Objetos_globales/Object/is), [`Object.keys()`](/es/docs/Web/JavaScript/Referencia/Objetos_globales/Object/keys), y otros miembros no definidos dentro del prototipo del repositorio(bucket) no son heredados por instancias de objeto o tipos de objeto que heredan de Object.prototype. Sino que son métodos/propiedades disponibles sólo en el propio constructor Object().
+[`Object.is()`](/es/docs/Web/JavaScript/Reference/Global_Objects/Object/is), [`Object.keys()`](/es/docs/Web/JavaScript/Reference/Global_Objects/Object/keys), y otros miembros no definidos dentro del prototipo del repositorio(bucket) no son heredados por instancias de objeto o tipos de objeto que heredan de Object.prototype. Sino que son métodos/propiedades disponibles sólo en el propio constructor Object().
 
 > **Nota:** Esto parece extraño - ¿cómo se puede tener un método definido en un constructor, que en sí mismo es una función? Bueno, una función es también un tipo de objeto - vea la referencia del constructor de Function() si no nos cree.
 
@@ -182,11 +182,11 @@ person1.constructor.name;
 
 Vamos a echar un vistazo a un ejemplo para modificar la propiedad `prototype` de una función constructor (los métodos añadidos a la propiedad prototipo están disponibles en todas las instancias de los objetos creados a partir del constructor).
 
-1. Regresemos a nuestro ejemplo [oojs-class-further-exercises.html](http://mdn.github.io/learning-area/javascript/oojs/introduction/oojs-class-further-exercises.html) y creemos una copia local del [código fuente](https://github.com/mdn/learning-area/blob/master/javascript/oojs/introduction/oojs-class-further-exercises.html). Debajo del código JavaScript existente, agrega el siguiente código, el cuál añade un nuevo método a la propiedad `prototype` del constructor:
+1. Regresemos a nuestro ejemplo [oojs-class-further-exercises.html](https://mdn.github.io/learning-area/javascript/oojs/introduction/oojs-class-further-exercises.html) y creemos una copia local del [código fuente](https://github.com/mdn/learning-area/blob/master/javascript/oojs/introduction/oojs-class-further-exercises.html). Debajo del código JavaScript existente, agrega el siguiente código, el cuál añade un nuevo método a la propiedad `prototype` del constructor:
 
    ```js
    Person.prototype.farewell = function () {
-     alert(this.name.first + " has left the building. Bye for now!");
+     alert(this.name.first + " ha dejado el edificio. ¡Adiós por ahora!");
    };
    ```
 
@@ -203,20 +203,20 @@ Piensa sobre esto por un momento. En nuestro código definimos el constructor, l
 ```js
 function Person(first, last, age, gender, interests) {
 
-  // property and method definitions
+  // definiciones de propiedades y métodos
 
 }
 
 var person1 = new Person('Tammi', 'Smith', 32, 'neutral', ['music', 'skiing', 'kickboxing']);
 
 Person.prototype.farewell = function() {
-  alert(this.name.first + ' has left the building. Bye for now!');
+  alert(this.name.first + ' ha dejado el edificio. ¡Adiós por ahora!');
 };.
 ```
 
 Pero el método `farewell()` aún se encuentra disponible en la instancia `person1`, su funcionalidad disponible ha sido automáticamente actualizada incluído en método recién definido `farewell()`.
 
-> **Nota:** Si estás teniendo problemas haciendo funcionar este ejemplo, echa un vistazo en nuestro ejemplo [oojs-class-prototype.html](https://github.com/mdn/learning-area/blob/master/javascript/oojs/advanced/oojs-class-prototype.html) ([míralo ejecutarse en tiempo real](http://mdn.github.io/learning-area/javascript/oojs/advanced/oojs-class-prototype.html)).
+> **Nota:** Si estás teniendo problemas haciendo funcionar este ejemplo, echa un vistazo en nuestro ejemplo [oojs-class-prototype.html](https://github.com/mdn/learning-area/blob/master/javascript/oojs/advanced/oojs-class-prototype.html) ([míralo ejecutarse en tiempo real](https://mdn.github.io/learning-area/javascript/oojs/advanced/oojs-class-prototype.html)).
 
 Raramente verás propiedades definidas en la propiedad `prototype`, ya no son muy flexibles cuando son definidas de esta forma. Por ejemplo, puedes añadir una propiedad como esta:
 
@@ -235,17 +235,17 @@ Sin embargo esto no funciona, ya que `this` estará referenciando al scope globa
 De hecho, un patrón bastante común para la mayoría de definiciones de objetos es declarar las propiedades dentro del constructor, y los métodos en el prototipo. Esto hace el código más fácil de leer, ya que el constructor sólo contiene las definiciones de propiedades, y los métodos están en bloques separados. Por ejemplo:
 
 ```js
-// Constructor with property definitions
+// Constructor con definiciones de propiedades
 
 function Test(a, b, c, d) {
-  // property definitions
+  // definiciones de propiedad
 }
 
-// First method definition
+// Definición del primer método
 
 Test.prototype.x = function() { ... };
 
-// Second method definition
+// Definición del segundo método
 
 Test.prototype.y = function() { ... };
 
diff --git a/files/es/learn/server-side/django/authentication/index.md b/files/es/learn/server-side/django/authentication/index.md
index 5ff0ff7972eed0..2c3c420d05a76a 100644
--- a/files/es/learn/server-side/django/authentication/index.md
+++ b/files/es/learn/server-side/django/authentication/index.md
@@ -72,11 +72,11 @@ Ya creaste tu primer usuario cuando revisamos el [sitio de administración de Dj
 > ```python
 > from django.contrib.auth.models import User
 >
-> # Create user and save to the database
+> # Crear usuario y guardar en la base de datos.
 >
 > user = User.objects.create_user('myusername', 'myemail@crazymail.com', 'mypassword')
 >
-> # Update fields and then save again
+> # Actualizar campos y luego guardar nuevamente
 >
 > user.first_name = 'John'
 > user.last_name = 'Citizen'
@@ -87,24 +87,24 @@ A continuación, primero crearemos un grupo y luego un usuario. Aunque no tengam
 
 Inicia el servidor de desarrollo y navega hasta el sitio de administracion en tu navegador web local (`http://127.0.0.1:8000/admin/`). Ingresa al sitio usando las credenciales de la cuenta de tu superusuario. El nivel superior del sitio de administracion "Admin site" muestra todos tus modelos, ordenados por la aplicacion por defecto de Django "django application". Desde la seccion de **Autenticación y Autorización** puedes dar click en los enlaces de **Usuarios** "Users" y **Grupos** "Groups" para ver todos sus registros existentes.
 
-![Admin site - add groups or users](admin_authentication_add.png)
+![Sitio de administración: agregar grupos o usuarios](admin_authentication_add.png)
 
 Primero vamos a crear un nuevo grupo para los miembros de nuestra biblioteca.
 
-1. Da click en el boton **Add** "Añadir" (Enseguida de Group) para crear un nuevo grupo ; ingresa el **Nombre** "Name" para el grupo de "Library Members".![Admin site - add group](admin_authentication_add_group.png)
+1. Da click en el boton **Add** "Añadir" (Enseguida de Group) para crear un nuevo grupo ; ingresa el **Nombre** "Name" para el grupo de "Library Members".![Sitio de administración: agregar grupo](admin_authentication_add_group.png)
 2. No necesitamos de ningun permiso para el grupo , entonces solo presiona Save (Seras redirigido a una lista de los grupos disponibles).
 
 Ahora vamos a crear un usuario:
 
 1. Navega de vuelta a la pagina de inicio "home" del sitio de administracion "Admin site".
-2. Da click en el boton **Add** "Añadir" que queda enseguida de Users "Usuarios" para abrir el cuadro de dialogo de Usuario **Add** "Añadir usuario".![Admin site - add user pt1](admin_authentication_add_user_prt1.png)
+2. Da click en el boton **Add** "Añadir" que queda enseguida de Users "Usuarios" para abrir el cuadro de dialogo de Usuario **Add** "Añadir usuario".![Sitio de administración: agregar usuario pt1](admin_authentication_add_user_prt1.png)
 3. Ingresa un **Nombre de Usuario** "Username", **Contraseña** "Password" y **Confirmacion de Contraseña** "Password confirmation" apropiado para tu usuario de prueba.
 4. Presiona **Save** "Guardar" para crear el usuario.
 
    El sitio de administrador creara el nuevo usuario e inmediatamente te llevara a la pantalla de _Change user_ "Cambios del usuario" donde puedes cambiar tu **nombre de usuario** "Username" y agregar informacion para los campos opcionales del modelo de Usuario "User". Estos campos incluyen el primer nombre "first name", el apellido "last name", la direcion de correo electronico "email adress", los estados de los usuarios y sus permisos "users status and permissions" (solo el indicador **Active** "Activo" deberia ser activado). Mas abajo puedes especificar los grupos y permisos del usuario, y ver datos importantes relacionados a el usuario (ej: la fecha en que se agrego y la fecha del ultimo inicio de sesion)
 
-5. ![Admin site - add user pt2](admin_authentication_add_user_prt2.png)
-6. En la seccion _Groups_ "Grupos", selecciona el grupo **Library Member** de la lista de grupos disponibles, y entonces presiona la **la flecha apuntando a la derecha** entre las dos cajas para moverlo dentro de la caja de _Chosen groups_ "Grupos seleccionados".![Admin site - add user to group](admin_authentication_user_add_group.png)
+5. ![Sitio de administración: agregar usuario pt2](admin_authentication_add_user_prt2.png)
+6. En la seccion _Groups_ "Grupos", selecciona el grupo **Library Member** de la lista de grupos disponibles, y entonces presiona la **la flecha apuntando a la derecha** entre las dos cajas para moverlo dentro de la caja de _Chosen groups_ "Grupos seleccionados".![Sitio de administración: agregar usuario al grupo](admin_authentication_user_add_group.png)
 7. Aqui no necesitamos hacer nada adicional, entonces de nuevo solo seleciona **SAVE** "Guardar", para ir a la lista de usuarios.
 
 ¡Esta hecho! Ahora tienes la cuenta de un miembro normal de la libreria, el cual estara disponible para ser usado en tus pruebas (una vez que hayamos implementado las paginas para permitirles iniciar sesion).
@@ -162,7 +162,7 @@ Las URL's (y vistas "views" implicitas) que recien hemos añadido esperan encont
 
 Para este sitio pondremos nuestra pagina HTML en el directorio **"templates/registration/".** Este directorio debera estar en el directorio raiz de tu proyecto, es decir, el mismo directorio de las carpetas donde estan **catalog** y **locallibrary**. Por favor ahora crea las carpetas "templates" y dentro de esta "registration".
 
-> **Nota:** Your folder structure should now look like the below:
+> **Nota:** Su estructura de carpetas ahora debería verse como la siguiente:
 >
 > ```
 > locallibrary (django project folder)
@@ -204,15 +204,15 @@ Crea un nuevo archivo HTML llamado /**locallibrary/templates/registration/login.
 {% block content %}
 
   {% if form.errors %}
-    <p>Your username and password didn't match. Please try again.</p>
+    <p>Su nombre de usuario y contraseña no coinciden. Inténtalo de nuevo.</p>
   {% endif %}
 
   {% if next %}
     {% if user.is_authenticated %}
-      <p>Your account doesn't have access to this page. To proceed,
-      please login with an account that has access.</p>
+      <p>Su cuenta no tiene acceso a esta página. Para continuar,
+      inicie sesión con una cuenta que tenga acceso.</p>
     {% else %}
-      <p>Please login to see this page.</p>
+      <p>Por favor inicie sesión para ver esta página.</p>
     {% endif %}
   {% endif %}
 
@@ -232,8 +232,8 @@ Crea un nuevo archivo HTML llamado /**locallibrary/templates/registration/login.
     <input type="hidden" name="next" value="\{{ next }}">
   </form>
 
-  {# Assumes you setup the password_reset view in your URLconf #}
-  <p><a href="{% url 'password_reset' %}">Lost password?</a></p>
+  {# Asume que configura la vista de restablecimiento de contraseña en su URLconf #}
+  <p><a href="{% url 'password_reset' %}">¿Olvidó su contraseña?</a></p>
 
 {% endblock %}
 ```
@@ -242,7 +242,7 @@ Estas plantillas comparten algunas similitudes con algunas que hemos visto antes
 
 Navega de vuelta a la página de inicio sesión (`http://127.0.0.1:8000/accounts/login/`) una vez que hayas guardado tu plantilla, y deberías ver algo como esto:
 
-![Library login page v1](library_login.png)
+![Página de inicio de sesión de la biblioteca v1](library_login.png)
 
 Si intentas iniciar sesión tendrá éxito y serás redirigido a otra página (por defecto será `http://127.0.0.1:8000/accounts/profile/`). El problema aquí es que, por defecto, Django espera que después de iniciar sesión seas llevado a una página de perfil (que podrá ser el caso o no). Como no has definido esta página todavía, ¡obtendrás otro error!
 
@@ -263,15 +263,15 @@ Crea y abre el fichero /**locallibrary/templates/registration/logged_out.html**.
 {% extends "base_generic.html" %}
 
 {% block content %}
-<p>Logged out!</p>
+<p>¡Sesión finalizada!</p>
 
-<a href="{% url 'login'%}">Click here to login again.</a>
+<a href="{% url 'login'%}">Haga clic aquí para iniciar sesión nuevamente.</a>
 {% endblock %}
 ```
 
 Esta plantilla es muy simple. Tan sólo muestra un mensaje informándote que has cerrado sesión, y provee un enlace que puedes pulsar para volver a la página de inicio de sesión. Si vas a la url de cierre de sesión otra vez, deberías ver esta página:
 
-![Library logout page v1](library_logout.png)
+![Página de cierre de sesión de la biblioteca v1](library_logout.png)
 
 ### Plantillas de reinicio de contraseña "Password reset"
 
@@ -293,7 +293,7 @@ Este es el formulario para obtener la dirección del correo electrónico del usu
     \{{ form.email.errors }}
   {% endif %}
       <p>\{{ form.email }}</p>
-    <input type="submit" class="btn btn-default btn-lg" value="Reset password">
+    <input type="submit" class="btn btn-default btn-lg" value="Restablecer contraseña">
   </form>
 {% endblock %}
 ```
@@ -305,7 +305,7 @@ Este formulario es mostrado después de que tu dirección de correo electrónico
 ```django
 {% extends "base_generic.html" %}
 {% block content %}
-<p>We've emailed you instructions for setting your password. If they haven't arrived in a few minutes, check your spam folder.</p>
+<p>Le hemos enviado por correo electrónico instrucciones para configurar su contraseña. Si no han llegado en unos minutos, revisa tu carpeta de spam.</p>
 {% endblock %}
 ```
 
@@ -314,7 +314,7 @@ Este formulario es mostrado después de que tu dirección de correo electrónico
 Esta plantilla suministra el texto HTML del correo electrónico, y contiene el enlace de reseteo que enviaremos a los usuarios. Crea **/locallibrary/templates/registration/password_reset_email.html**, y establece el siguiente contenido:
 
 ```django
-Someone asked for password reset for email \{{ email }}. Follow the link below:
+Alguien solicitó restablecer la contraseña del correo electrónico \{{ email }}. Vaya el siguiente enlace:
 \{{ protocol}}://\{{ domain }}{% url 'password_reset_confirm' uidb64=uid token=token %}
 ```
 
@@ -328,7 +328,7 @@ Esta página es donde introduces una nueva contraseña después de pinchar el en
 {% block content %}
 
     {% if validlink %}
-        <p>Please enter (and confirm) your new password.</p>
+        <p>Ingrese (y confirme) su nueva contraseña.</p>
         <form action="" method="post">
             <div style="display:none">
                 <input type="hidden" value="\{{ csrf_token }}" name="csrfmiddlewaretoken">
@@ -336,23 +336,23 @@ Esta página es donde introduces una nueva contraseña después de pinchar el en
             <table>
                 <tr>
                     <td>\{{ form.new_password1.errors }}
-                        <label for="id_new_password1">New password:</label></td>
+                        <label for="id_new_password1">Nueva contraseña:</label></td>
                     <td>\{{ form.new_password1 }}</td>
                 </tr>
                 <tr>
                     <td>\{{ form.new_password2.errors }}
-                        <label for="id_new_password2">Confirm password:</label></td>
+                        <label for="id_new_password2">Confirmar contraseña:</label></td>
                     <td>\{{ form.new_password2 }}</td>
                 </tr>
                 <tr>
                     <td></td>
-                    <td><input type="submit" value="Change my password" /></td>
+                    <td><input type="submit" value="Cambiar mi contraseña" /></td>
                 </tr>
             </table>
         </form>
     {% else %}
-        <h1>Password reset failed</h1>
-        <p>The password reset link was invalid, possibly because it has already been used. Please request a new password reset.</p>
+        <h1>Error al restablecer la contraseña</h1>
+        <p>El enlace para restablecer la contraseña no era válido, posiblemente porque ya se había utilizado. Solicite un nuevo restablecimiento de contraseña.</p>
     {% endif %}
 
 {% endblock %}
@@ -366,8 +366,8 @@ Este es el último paso de la plantilla de reinicio de contraseña, que es mostr
 {% extends "base_generic.html" %}
 {% block content %}
 
-<h1>The password has been changed!</h1>
-<p><a href="{% url 'login' %}">log in again?</a></p>
+<h1>¡La contraseña ha sido cambiada!</h1>
+<p><a href="{% url 'login' %}">¿ingresar de nuevo?</a></p>
 
 {% endblock %}
 ```
@@ -389,7 +389,7 @@ Serás capaz de probar la funcionalidad de reinicio de contraseña desde el enla
 > EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend'
 > ```
 >
-> Para más información, ver [Sending email](https://docs.djangoproject.com/en/1.10/topics/email/) (Django docs).
+> Para más información, ver [Enviando correo electrónico](https://docs.djangoproject.com/en/1.10/topics/email/) (documentación de Django).
 
 ## Probando contra usuarios autenticados
 
@@ -410,9 +410,9 @@ Abre la plantilla base (**/locallibrary/catalog/templates/base_generic.html**) y
 
    {% if user.is_authenticated %}
      <li>User: \{{ user.get_username }}</li>
-     <li><a href="{% url 'logout'%}?next=\{{request.path}}">Logout</a></li>
+     <li><a href="{% url 'logout'%}?next=\{{request.path}}">Cerrar sesión</a></li>
    {% else %}
-     <li><a href="{% url 'login'%}?next=\{{request.path}}">Login</a></li>
+     <li><a href="{% url 'login'%}?next=\{{request.path}}">Iniciar sesión</a></li>
    {% endif %}
   </ul>
 ```
@@ -454,7 +454,7 @@ class MyView(LoginRequiredMixin, View):
     redirect_field_name = 'redirect_to'
 ```
 
-Para detalles adicionales, echa un vistazo a [Django docs](https://docs.djangoproject.com/en/1.10/topics/auth/default/#limiting-access-to-logged-in-users).
+Para detalles adicionales, echa un vistazo a la [documentación de Django](https://docs.djangoproject.com/en/1.10/topics/auth/default/#limiting-access-to-logged-in-users).
 
 ## Ejemplo - listando los libros del usuario actual
 
@@ -536,7 +536,7 @@ from django.contrib.auth.mixins import LoginRequiredMixin
 
 class LoanedBooksByUserListView(LoginRequiredMixin,generic.ListView):
     """
-    Generic class-based view listing books on loan to current user.
+    Vista genérica basada en clases que enumera los libros prestados al usuario actual.
     """
     model = BookInstance
     template_name ='catalog/bookinstance_list_borrowed_user.html'
@@ -566,7 +566,7 @@ Ahora todo lo que necesitamos hacer para esta página es añadir una plantilla.
 {% extends "base_generic.html" %}
 
 {% block content %}
-    <h1>Borrowed books</h1>
+    <h1>Libros prestados</h1>
 
     {% if bookinstance_list %}
     <ul>
@@ -579,7 +579,7 @@ Ahora todo lo que necesitamos hacer para esta página es añadir una plantilla.
     </ul>
 
     {% else %}
-      <p>There are no books borrowed.</p>
+      <p>No hay libros prestados.</p>
     {% endif %}
 {% endblock %}
 ```
@@ -598,19 +598,19 @@ Abre la plantilla base (**/locallibrary/catalog/templates/base_generic.html**) y
  <ul class="sidebar-nav">
    {% if user.is_authenticated %}
    <li>User: \{{ user.get_username }}</li>
-   <li><a href="{% url 'my-borrowed' %}">My Borrowed</a></li>
-   <li><a href="{% url 'logout'%}?next=\{{request.path}}">Logout</a></li>
+   <li><a href="{% url 'my-borrowed' %}">Mis libros prestados</a></li>
+   <li><a href="{% url 'logout'%}?next=\{{request.path}}">Cerrar sesión</a></li>
    {% else %}
-   <li><a href="{% url 'login'%}?next=\{{request.path}}">Login</a></li>
+   <li><a href="{% url 'login'%}?next=\{{request.path}}">Iniciar sesión</a></li>
    {% endif %}
  </ul>
 ```
 
 ### ¿Cómo se ve?
 
-Cuando cualquier usuario ha iniciado sesión, verán el enlace _My Borrowed_ (Mis Alquileres) en la barra lateral, y la lista de libros mostrados como se ve abajo (¡el primer libro no tiene fecha de vencimiento, que es un bug que esperamos arreglar en un tutorial posterior!).
+Cuando cualquier usuario ha iniciado sesión, verán el enlace _My Borrowed_ (Mis libros prestados) en la barra lateral, y la lista de libros mostrados como se ve abajo (¡el primer libro no tiene fecha de vencimiento, que es un bug que esperamos arreglar en un tutorial posterior!).
 
-![Library - borrowed books by user](library_borrowed_by_user.png)
+![Biblioteca - libros prestados por usuario](library_borrowed_by_user.png)
 
 ## Permisos
 
@@ -667,10 +667,10 @@ from django.contrib.auth.mixins import PermissionRequiredMixin
 
 class MyView(PermissionRequiredMixin, View):
     permission_required = 'catalog.can_mark_returned'
-    # Or multiple permissions
+    # O múltiples permisos
     permission_required = ('catalog.can_mark_returned', 'catalog.can_edit')
-    # Note that 'catalog.can_edit' is just an example
-    # the catalog application doesn't have such permission!
+    # Tenga en cuenta que 'catalog.can_edit' es solo un ejemplo:
+    # ¡la aplicación de catálogo no tiene dicho permiso!
 ```
 
 ### Ejemplo
@@ -687,9 +687,9 @@ Deberías ser capaz de seguir el mismo patrón que el de la otra vista. La princ
 
 Cuando hayas terminado, tu página debería verse algo parecida a la captura de pantalla de abajo.
 
-![All borrowed books, restricted to librarian](library_borrowed_all.png)
+![Todos los libros prestados, restringidos al bibliotecario.](library_borrowed_all.png)
 
-## Sumario
+## Resumen
 
 Excelente trabajo — has creado un sitio web para que los miembros de la biblioteca puedan iniciar sesión y ver su propio contenido, y los bibliotecarios (con el permiso correcto) puedan usarlo para ver todos los libros alquilados y sus prestatarios. En este momento estamos todavía simplemente viendo contenido, pero los mismos principios y técnicas son usados cuando empiezas a modificar y añadir datos.
 
@@ -697,8 +697,8 @@ En nuestro siguiente artículo observaremos cómo puedes usar los formularios de
 
 ## Ver también
 
-- [Autenticación de Usuario en Django](https://docs.djangoproject.com/en/1.10/topics/auth/) (Django docs)
-- [Usando el sistema por defecto de Autenticación de Django](https://docs.djangoproject.com/en/1.10/topics/auth/default//) (Django docs)
-- [Introducción a clases basadas en vistas > Decoradores](https://docs.djangoproject.com/en/1.10/topics/class-based-views/intro/#decorating-class-based-views) (Django docs)
+- [Autenticación de Usuario en Django](https://docs.djangoproject.com/en/1.10/topics/auth/) (documentación de Django)
+- [Usando el sistema por defecto de Autenticación de Django](https://docs.djangoproject.com/en/1.10/topics/auth/default//) (documentación de Django)
+- [Introducción a clases basadas en vistas > Decoradores](https://docs.djangoproject.com/en/1.10/topics/class-based-views/intro/#decorating-class-based-views) (documentación de Django)
 
 {{PreviousMenuNext("Learn/Server-side/Django/Sessions", "Learn/Server-side/Django/Forms", "Learn/Server-side/Django")}}
diff --git a/files/es/learn/server-side/django/deployment/index.md b/files/es/learn/server-side/django/deployment/index.md
index a64b8c4aac8bee..bbaaed1b2a3e37 100644
--- a/files/es/learn/server-side/django/deployment/index.md
+++ b/files/es/learn/server-side/django/deployment/index.md
@@ -82,7 +82,7 @@ Algunos aspectos a considerar al elegir un host son:
 - Beneficios adicionales. Algunos proveedores pueden ofrecer de forma gratuita nombres de dominio y soporte para certificados SSL por los que, de otro modo, tendrías que pagar.
 - Si el nivel "gratuito" del que dependes expira al cabo de un tiempo, o si el coste de migrar a un nivel más caro puede implicar que sea más conveniente usar algún otro servicio desde el primer momento.
 
-La buena noticia cuando estás en los comienzos es que existen bastantes sitios que proporcionan entornos de computación de "evaluación", "desarrollo" o "de nivel aficionado" de forma gratuita. Se trata siempre de entornos bastantes limitados/restringidos en recursos, y debes estar precavido en que pueden expirar al cabo de un periodo de introducción. Son, no obstante, muy útiles para probar sitios con poco tráfico en un entorno real, y pueden proporcionar una migración sencilla contratando más recursos si el sitio alcanza más ocupación. Entre las opciones conocidas de esta categoría tenemos [Heroku](https://www.heroku.com/), [Python Anywhere](https://www.pythonanywhere.com/), [Amazon Web Services](http://docs.aws.amazon.com/awsaccountbilling/latest/aboutv2/billing-free-tier.html), [Microsoft Azure](https://azure.microsoft.com/en-us/pricing/details/app-service/), etc.
+La buena noticia cuando estás en los comienzos es que existen bastantes sitios que proporcionan entornos de computación de "evaluación", "desarrollo" o "de nivel aficionado" de forma gratuita. Se trata siempre de entornos bastantes limitados/restringidos en recursos, y debes estar precavido en que pueden expirar al cabo de un periodo de introducción. Son, no obstante, muy útiles para probar sitios con poco tráfico en un entorno real, y pueden proporcionar una migración sencilla contratando más recursos si el sitio alcanza más ocupación. Entre las opciones conocidas de esta categoría tenemos [Heroku](https://www.heroku.com/), [Python Anywhere](https://www.pythonanywhere.com/), [Amazon Web Services](https://docs.aws.amazon.com/awsaccountbilling/latest/aboutv2/billing-free-tier.html), [Microsoft Azure](https://azure.microsoft.com/en-us/pricing/details/app-service/), etc.
 
 Muchos proveedores disponen también de un nivel "básico" que proporciona niveles de capacidad de computación más útiles y con menos limitaciones. [Digital Ocean](https://www.digitalocean.com/) y [Python Anywhere](https://www.pythonanywhere.com/) son ejemplos de proveedores populares de hosting que ofrecen niveles básicos de computación relativamente baratos (en el rango de los 5 a los 10 $USD mensuales).
 
@@ -100,13 +100,13 @@ Los ajustes críticos que debes comprobar son:
 - `SECRET_KEY`. Es un valor aleatorio grande utilizado para la protección CRSF etc. Es importante que la clave utilizada en producción no esté en el control fuente ni accesible desde fuera del servidor de producción. La documentación Django sugiere que debería ser cargada desde una variable de entorno o leída desde un archivo de sólo servicio (_serve-only file_).
 
 ```python
-# Read SECRET_KEY from an environment variable
+# Leer SECRET_KEY de una variable de entorno
 import os
 SECRET_KEY = os.environ['SECRET_KEY']
 
-#OR
+#O
 
-#Read secret key from a file
+# Leer la clave secreta de un archivo
 with open('/etc/secret_key.txt') as f:
 SECRET_KEY = f.read().strip()
 ```
@@ -116,7 +116,7 @@ Modifiquemos la aplicación _LocalLibrary_ de manera que leamos nuestras variabl
 Abra **/locallibrary/settings.py**, deshabilite la configuración original de l `SECRET_KEY` y añada las nuevas líneas tal como se muestran abajo en **negrita**. Durante el desarrollo no se especificará ninguna variable de entorno para la clave, por lo que se usará el valor por defecto (no debería importar qué clave utilizas aquí, o si la clave tiene "fugas", dado que no la utilizarás en producción).
 
 ```python
-# SECURITY WARNING: keep the secret key used in production secret!
+# ADVERTENCIA DE SEGURIDAD: ¡mantenga en secreto la clave secreta utilizada en producción!
 # SECRET_KEY = 'cg#p$g+j9tax!#a3cup@1$8obt2_+&k3q+pmu)5%asj6yjpkag'
 import os
 SECRET_KEY = os.environ.get('DJANGO_SECRET_KEY', 'cg#p$g+j9tax!#a3cup@1$8obt2_+&k3q+pmu)5%asj6yjpkag')
@@ -125,7 +125,7 @@ SECRET_KEY = os.environ.get('DJANGO_SECRET_KEY', 'cg#p$g+j9tax!#a3cup@1$8obt2_+&
 A continuación, comenta el ajuste de `DEBUG` existente y añade la nueva línea que se muestra abajo.
 
 ```python
-# SECURITY WARNING: don't run with debug turned on in production!
+# ADVERTENCIA DE SEGURIDAD: ¡no ejecute con la depuración activada en producción!
 # DEBUG = True
 DEBUG = bool( os.environ.get('DJANGO_DEBUG', True) )
 ```
@@ -134,7 +134,7 @@ El valor de `DEBUG` será `True` por defecto, pero será `False` si el valor de
 
 > **Nota:** Sería más intuitivo si pudiéramos simplemente marcar y desmarcar la variable de entorno `DJANGO_DEBUG` a `True` y `False` directamente, en lugar de usar "cualquier cadena" o "cadena vacía" (respectivamente). Por desgracia, los valores de las variables de entorno son almacenados como cadenas de Python (_Python strings_), y la única cadena que se evalúa como `False` es la cadena vacía (por ejemplo, `bool('')==False`).
 
-[Deployment checklist](https://docs.djangoproject.com/en/1.10/howto/deployment/checklist/) (Django docs) proporciona una lista de comprobación completa de ajustes que podrías querer cambiar. Puedes también sacar una lista de algunos de ellos usando el siguiente comando de terminal:
+[Lista de verificación de implementación](https://docs.djangoproject.com/en/1.10/howto/deployment/checklist/) (documentación de Django) proporciona una lista de comprobación completa de ajustes que podrías querer cambiar. Puedes también sacar una lista de algunos de ellos usando el siguiente comando de terminal:
 
 ```python
 python3 manage.py check --deploy
@@ -157,7 +157,7 @@ Vamos a elegir Heroku por varias razones:
   - Heroku sólo proporciona almacenamiento efímero, por lo que los archivos subidos por el usuario no pueden almacenarse de forma segura en el propio Heroku.
   - El nivel gratuito mantendrá dormida cualquier aplicación web inactiva que no haya tenido requerimientos dentro de un periodo de media hora. El sitio puede tardar varios segundos en responder cuando se le despierte.
   - El nivel gratuito limita el tiempo que el sitio puede estar en ejecución a cierta cantidad de horas al mes (sin contar el tiempo que el sitio permanece "dormido"). Esto está bien para un sitio de poco uso o de demostración, pero no es asumible si se necesita una disponibilidad del 100%.
-  - Otras limitaciones se relacionan en [Limits](https://devcenter.heroku.com/articles/limits) (Heroku docs).
+  - Otras limitaciones se relacionan en [Límites](https://devcenter.heroku.com/articles/limits) (documentación de Heroku).
 
 - Lo principal es que funciona, y si te termina gustando, escalar tus aplicaciones será muy sencillo.
 
@@ -182,9 +182,9 @@ Para conseguir nuestra aplicación para trabajar en Heroku, necesitaremos coloca
 
 Una vez hecho todo eso, podemos crear una cuenta Heroku, obtener el cliente Heroku, y usarlo para instalar nuestro sitio web.
 
-> **Nota:** Las instrucciones indicadas abajo reflejan la forma de trabajar con Heroku en el momento de la redacción. Si Heroku cambia sus procesos de forma significativa, podrías preferir, en su lugar, revisar su documentación de instalación: [Getting Started on Heroku with Django](https://devcenter.heroku.com/articles/getting-started-with-python#introduction).
+> **Nota:** Las instrucciones indicadas abajo reflejan la forma de trabajar con Heroku en el momento de la redacción. Si Heroku cambia sus procesos de forma significativa, podrías preferir, en su lugar, revisar su documentación de instalación: [Comenzando en Heroku con Django](https://devcenter.heroku.com/articles/getting-started-with-python#introduction).
 
-Con esto ya tienes una visión general de lo que necesitas para empezar (vea [How Heroku works](https://devcenter.heroku.com/articles/how-heroku-works) para tener una guía más exhaustiva).
+Con esto ya tienes una visión general de lo que necesitas para empezar (vea [Cómo funciona Heroku](https://devcenter.heroku.com/articles/how-heroku-works) para tener una guía más exhaustiva).
 
 ### Creando un repositorio de aplicación en Github
 
@@ -230,7 +230,7 @@ El paso final es copiar en él tu aplicación y a continuación añadir los arch
 2. Abre el archivo **.gitignore**, copia las siguientes líneas al final del mismo, y guárdalo (este archivo se utiliza para identificar los archivos que, por defecto, no deberían subirse a git).
 
    ```bash
-   # Text backup files
+   # Archivos de copia de seguridad de texto
    *.bak
 
    #Database
@@ -263,7 +263,7 @@ El paso final es copiar en él tu aplicación y a continuación añadir los arch
 5. Si estás conforme, consolida tus archivos en el repositorio local:
 
    ```bash
-   git commit -m "First version of application moved into github"
+   git commit -m "La primera versión de la aplicación se trasladó a github."
    ```
 
 6. A continuación, sincroniza tu repositorio local con el sitio web Github, usando lo siguiente:
@@ -276,13 +276,13 @@ Una vez completada esta operación, deberías poder regresar a la página de Git
 
 > **Nota:** Este es un buen momento para hacer una copia de seguridad de tu proyecto "simple" — algunos de los cambios que vamos a ir haciendo en las siguientes secciones podrían ser útiles para el despliegue en cualquier plataforma (o para el desarrollo), pero otros no.
 >
-> La _mejor_ manera de hacer esto es usar _git_ para gestionar tus revisiones. Con _git_ puedes no solo volver a una versión anterior en particular, sino que puedes mantener ésta en una "rama" separada de tus cambios en producción, y seleccionar determinados cambios a trasladar entre las ramas de producción y desarrollo. [Learning Git](https://help.github.com/articles/good-resources-for-learning-git-and-github/) merece la pena el esfuerzo, pero queda fuera del alcance de este tema.
+> La _mejor_ manera de hacer esto es usar _git_ para gestionar tus revisiones. Con _git_ puedes no solo volver a una versión anterior en particular, sino que puedes mantener ésta en una "rama" separada de tus cambios en producción, y seleccionar determinados cambios a trasladar entre las ramas de producción y desarrollo. [Aprendiendo Git](https://help.github.com/articles/good-resources-for-learning-git-and-github/) merece la pena el esfuerzo, pero queda fuera del alcance de este tema.
 >
 > La forma _más fácil_ de hacer ésto es simplemente copiar tus archivos en otra ubicación. Usa la manera que más se ajuste a tus conocimientos de git!
 
 ### Actualizar la app para Heroku
 
-Esta sección explica los cambios que necesitaras hacer a nuestra aplicación _LocalLibrary_ para ponerla a funcionar en Heroku. Mientras que las instrucciones disponibles en [Getting Started on Heroku with Django](https://devcenter.heroku.com/articles/getting-started-with-python#introduction) de Heroku asumen que también vas a utilizar el cliente Heroku para ejecutar el entorno de desarrollo local, los cambios que aquí se reflejan son compatibles con el servidor de desarrollo Django existente y las formas de funcionamiento que ya hemos aprendido.
+Esta sección explica los cambios que necesitaras hacer a nuestra aplicación _LocalLibrary_ para ponerla a funcionar en Heroku. Mientras que las instrucciones disponibles en [Comenzando en Heroku con Django](https://devcenter.heroku.com/articles/getting-started-with-python#introduction) de Heroku asumen que también vas a utilizar el cliente Heroku para ejecutar el entorno de desarrollo local, los cambios que aquí se reflejan son compatibles con el servidor de desarrollo Django existente y las formas de funcionamiento que ya hemos aprendido.
 
 #### Procfile
 
@@ -296,11 +296,11 @@ La palabra "`web:`" le dice a Heroku que se trata de una web dyno y puede ser en
 
 #### Gunicorn
 
-[Gunicorn](http://gunicorn.org/) es el servidor HTTP recomendado para usar con Django en Heroku (tal como se indicaba en el Procfile anterior). Es un servidor HTTP puro-Python para aplicaciones WSGI que puede ejecutar múltiples procesos Python concurrentes dentro de un único dyno (para obtener más información, véase [Deploying Python applications with Gunicorn](https://devcenter.heroku.com/articles/python-gunicorn)).
+[Gunicorn](http://gunicorn.org/) es el servidor HTTP recomendado para usar con Django en Heroku (tal como se indicaba en el Procfile anterior). Es un servidor HTTP puro-Python para aplicaciones WSGI que puede ejecutar múltiples procesos Python concurrentes dentro de un único dyno (para obtener más información, véase [Implementación de aplicaciones Python con Gunicorn](https://devcenter.heroku.com/articles/python-gunicorn)).
 
 Aunque no necesitaremos _Gunicorn_ para servir nuestra aplicación LocalLibrary durante el desarrollo, lo instalaremos de manera que sean parte de nuestros [requerimientos](#requirements) de Heroku para instalar en el servidor remoto.
 
-Instala _Gunicorn_ localmente usando _pip_ en la línea de comandos (que instalamos en [setting up the development environment](/es/docs/Learn/Server-side/Django/development_environment)):
+Instala _Gunicorn_ localmente usando _pip_ en la línea de comandos (que instalamos en [configurar el entorno de desarrollo](/es/docs/Learn/Server-side/Django/development_environment)):
 
 ```bash
 pip3 install gunicorn
@@ -327,7 +327,7 @@ pip3 install dj-database-url
 Abre **/locallibrary/settings.py** y copia la siguiente configuración al final del archivo:
 
 ```python
-# Heroku: Update database configuration from $DATABASE_URL.
+# Heroku: Actualice la configuración de la base de datos desde $DATABASE_URL.
 import dj_database_url
 db_from_env = dj_database_url.config(conn_max_age=500)
 DATABASES['default'].update(db_from_env)
@@ -363,7 +363,7 @@ Para facilitar el alojamiento de archivos estáticos de forma separada de la apl
 
 Las variables de configuración más relevantes son:
 
-- `STATIC_URL`: Es la localización URL base desde la cual se servirán los archivos estáticos, por ejemplo en una CDN. Se usa para variables de plantilla estáticas a las que se acceden en nuestra plantilla base (ver [Django Tutorial Part 5: Creating our home page](/es/docs/Learn/Server-side/Django/Home_page)).
+- `STATIC_URL`: Es la localización URL base desde la cual se servirán los archivos estáticos, por ejemplo en una CDN. Se usa para variables de plantilla estáticas a las que se acceden en nuestra plantilla base (ver [Tutorial de Django Parte 5: Creando nuestra página de inicio](/es/docs/Learn/Server-side/Django/Home_page)).
 - `STATIC_ROOT`: Es la ruta absoluta a un directorio en el que la herramienta "collectstatic" de Django reunirá todos los archivos estáticos referenciados en nuestras plantillas. Una vez recopilados, podrán ser cargados como un grupo a donde hayan de ser alojados.
 - `STATICFILES_DIRS`: Relaciona directorios adicionales en los que la herramienta collestatic de Django debería buscar archivos estáticos.
 
@@ -372,19 +372,19 @@ Las variables de configuración más relevantes son:
 Abra **/locallibrary/settings.py** y copie la configuración siguiente al final del archivo. La variable `BASE_DIR` debería haber sido ya definida en tu fichero (la variable `STATIC_URL` puede haber sido ya definida dentro del archivo cuando fue creado. Puesto que no provocará ningún fallo, podrías borrar la referencias duplicadas).
 
 ```python
-# Static files (CSS, JavaScript, Images)
+# Archivos estáticos (CSS, JavaScript, Images)
 # https://docs.djangoproject.com/en/1.10/howto/static-files/
 
-# The absolute path to the directory where collectstatic will collect static files for deployment.
+# La ruta absoluta al directorio donde Collectstatic recopilará archivos estáticos para su implementación.
 STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
 
-# The URL to use when referring to static files (where they will be served from)
+# La URL que se utilizará cuando se haga referencia a archivos estáticos (desde donde se entregarán)
 STATIC_URL = '/static/'
 ```
 
 Nosotros haremos el servicio de ficheros utilizando una librería denominada [WhiteNoise](https://warehouse.python.org/project/whitenoise/), que instalaremos y configuraremos en la siguiente sección.
 
-Para más información, vea [Django and Static Assets](https://devcenter.heroku.com/articles/django-assets) (Heroku docs).
+Para más información, vea [Django y activos estáticos](https://devcenter.heroku.com/articles/django-assets) (documentación de Heroku).
 
 #### Whitenoise
 
@@ -463,7 +463,7 @@ A continuacion, guardemos nuestros cambios en Github. En el terminal (dentro de
 
 ```python
 git add -A
-git commit -m "Added files and changes required for deployment to heroku"
+git commit -m "Archivos agregados y cambios necesarios para la implementación en heroku."
 git push origin master
 ```
 
@@ -550,7 +550,7 @@ Aquí vemos que tenemos un único add-on, la base de datos postgres SQL. Es grat
 heroku addons:open heroku-postgresql
 ```
 
-Otros comandos te permiten crear, destruir, subir o bajar de versión de los addons (con una sintaxis similar a la de abrir). Para más información, consulta [Managing Add-ons](https://devcenter.heroku.com/articles/managing-add-ons) (Heroku docs).
+Otros comandos te permiten crear, destruir, subir o bajar de versión de los addons (con una sintaxis similar a la de abrir). Para más información, consulta [Administrar complementos](https://devcenter.heroku.com/articles/managing-add-ons) (documentación de Heroku).
 
 ### Estableciendo las variables de configuración
 
@@ -563,7 +563,7 @@ Puedes revisar las variables de configuración para el sitio con el comando `her
 DATABASE_URL: postgres://uzfnbcyxidzgrl:j2jkUFDF6OGGqxkgg7Hk3ilbZI@ec2-54-243-201-144.compute-1.amazonaws.com:5432/dbftm4qgh3kda3
 ```
 
-Si recuerdas de la sección [Preparando tu sitio web para hacerlo público](#Getting_your_website_ready_to_publish), tenemos que establecer variables de entorno para `DJANGO_SECRET_KEY` y `DJANGO_DEBUG`. Vamos a hacerlo ahora.
+Si recuerdas de la sección [Preparando tu sitio web para hacerlo público](#getting_your_website_ready_to_publish), tenemos que establecer variables de entorno para `DJANGO_SECRET_KEY` y `DJANGO_DEBUG`. Vamos a hacerlo ahora.
 
 > **Nota:** La clave secreta tiene que ser verdaderamente secreta! Una forma de generar una nueva clave es crear un nuevo proyecto Django (`django-admin startproject nombredeproyecto`) y obtener la clave generada para tí de su archivo **settings.py**.
 
@@ -596,7 +596,7 @@ A continuación guarda los cambios y consolídalos en tu repo Github y en Heroku
 
 ```bash
 git add -A
-git commit -m 'Update ALLOWED_HOSTS with site and development server URL'
+git commit -m 'Actualice ALLOWED_HOSTS con la URL del sitio y del servidor de desarrollo'
 git push origin master
 git push heroku master
 ```
@@ -608,13 +608,13 @@ git push heroku master
 El cliente Heroku proporciona algunas herramientas para la depuración:
 
 ```bash
-heroku logs  # Show current logs
-heroku logs --tail # Show current logs and keep updating with any new results
-heroku config:set DEBUG_COLLECTSTATIC=1 # Add additional logging for collectstatic (this tool is run automatically during a build)
-heroku ps   #Display dyno status
+heroku logs  # Mostrar registros actuales
+heroku logs --tail # Muestra los registros actuales y sigue actualizándolos con nuevos resultados.
+heroku config:set DEBUG_COLLECTSTATIC=1 # Agregue registros adicionales para Collectstatic (esta herramienta se ejecuta automáticamente durante una compilación)
+heroku ps   # Mostrar estado de dyno
 ```
 
-Si necesitas más información de la que te proporcionan estas herramientas, tendrás que investigar en [Django Logging](https://docs.djangoproject.com/en/1.10/topics/logging/).
+Si necesitas más información de la que te proporcionan estas herramientas, tendrás que investigar en [Registro de Django](https://docs.djangoproject.com/en/1.10/topics/logging/).
 
 ## Resumen
 
@@ -624,31 +624,31 @@ El siguiente paso sería leer nuestros últimos artículos, y finalmente complet
 
 ## Ver también
 
-- [Deploying Django](https://docs.djangoproject.com/en/1.10/howto/deployment/) (Django docs)
+- [Implementando Django](https://docs.djangoproject.com/en/1.10/howto/deployment/) (documentación de Django)
 
-  - [Deployment checklist](https://docs.djangoproject.com/en/1.10/howto/deployment/checklist/) (Django docs)
-  - [Deploying static files](https://docs.djangoproject.com/en/1.10/howto/static-files/deployment/) (Django docs)
-  - [How to deploy with WSGI](https://docs.djangoproject.com/en/1.10/howto/deployment/wsgi/) (Django docs)
-  - [How to use Django with Apache and mod_wsgi](https://docs.djangoproject.com/en/1.10/howto/deployment/wsgi/modwsgi/) (Django docs)
-  - [How to use Django with Gunicorn](https://docs.djangoproject.com/en/1.10/howto/deployment/wsgi/gunicorn/) (Django docs)
+  - [Lista de verificación de implementación](https://docs.djangoproject.com/en/1.10/howto/deployment/checklist/) (documentación de Django)
+  - [Implementar archivos estáticos](https://docs.djangoproject.com/en/1.10/howto/static-files/deployment/) (documentación de Django)
+  - [Cómo implementar con WSGI](https://docs.djangoproject.com/en/1.10/howto/deployment/wsgi/) (documentación de Django)
+  - [Cómo usar Django con Apache y mod_wsgi](https://docs.djangoproject.com/en/1.10/howto/deployment/wsgi/modwsgi/) (documentación de Django)
+  - [Cómo usar Django con Gunicorn](https://docs.djangoproject.com/en/1.10/howto/deployment/wsgi/gunicorn/) (documentación de Django)
 
 - Heroku
 
-  - [Configuring Django apps for Heroku](https://devcenter.heroku.com/articles/django-app-configuration) (Heroku docs)
-  - [Getting Started on Heroku with Django](https://devcenter.heroku.com/articles/getting-started-with-python#introduction) (Heroku docs)
-  - [Django and Static Assets](https://devcenter.heroku.com/articles/django-assets) (Heroku docs)
-  - [Concurrency and Database Connections in Django](https://devcenter.heroku.com/articles/python-concurrency-and-database-connections) (Heroku docs)
-  - [How Heroku works](https://devcenter.heroku.com/articles/how-heroku-works) (Heroku docs)
-  - [Dynos and the Dyno Manager](https://devcenter.heroku.com/articles/dynos) (Heroku docs)
-  - [Configuration and Config Vars](https://devcenter.heroku.com/articles/config-vars) (Heroku docs)
-  - [Limits](https://devcenter.heroku.com/articles/limits) (Heroku docs)
-  - [Deploying Python applications with Gunicorn](https://devcenter.heroku.com/articles/python-gunicorn) (Heroku docs)
-  - [Deploying Python and Django apps on Heroku](https://devcenter.heroku.com/articles/deploying-python) (Heroku docs)
-  - [Other Heroku Django docs](https://devcenter.heroku.com/search?q=django)
+  - [Configurar aplicaciones Django para Heroku](https://devcenter.heroku.com/articles/django-app-configuration) (documentación de Heroku)
+  - [Comenzando con Heroku con Django](https://devcenter.heroku.com/articles/getting-started-with-python#introduction) (documentación de Heroku)
+  - [Django y activos estáticos](https://devcenter.heroku.com/articles/django-assets) (documentación de Heroku)
+  - [Concurrencia y conexiones de bases de datos en Django](https://devcenter.heroku.com/articles/python-concurrency-and-database-connections) (documentación de Heroku)
+  - [Cómo funciona Heroku](https://devcenter.heroku.com/articles/how-heroku-works) (documentación de Heroku)
+  - [Dynos y el Dyno Manager](https://devcenter.heroku.com/articles/dynos) (documentación de Heroku)
+  - [Configuración y variables de configuración](https://devcenter.heroku.com/articles/config-vars) (documentación de Heroku)
+  - [Límites](https://devcenter.heroku.com/articles/limits) (documentación de Heroku)
+  - [Implementación de aplicaciones Python con Gunicorn](https://devcenter.heroku.com/articles/python-gunicorn) (documentación de Heroku)
+  - [Implementación de aplicaciones Python y Django en Heroku](https://devcenter.heroku.com/articles/deploying-python) (documentación de Heroku)
+  - [Otros documentos de Heroku Django](https://devcenter.heroku.com/search?q=django)
 
 - Digital Ocean
 
-  - [How To Serve Django Applications with uWSGI and Nginx on Ubuntu 16.04](https://www.digitalocean.com/community/tutorials/how-to-serve-django-applications-with-uwsgi-and-nginx-on-ubuntu-16-04)
-  - [Other Digital Ocean Django community docs](https://www.digitalocean.com/community/tutorials?q=django)
+  - [Cómo servir aplicaciones Django con uWSGI y Nginx en Ubuntu 16.04](https://www.digitalocean.com/community/tutorials/how-to-serve-django-applications-with-uwsgi-and-nginx-on-ubuntu-16-04)
+  - [Otros documentos de la comunidad Digital Ocean Django](https://www.digitalocean.com/community/tutorials?q=django)
 
 {{PreviousMenuNext("Learn/Server-side/Django/Testing", "Learn/Server-side/Django/web_application_security", "Learn/Server-side/Django")}}
diff --git a/files/es/learn/server-side/django/generic_views/index.md b/files/es/learn/server-side/django/generic_views/index.md
index f563975edd3325..eb5659fbf2665e 100644
--- a/files/es/learn/server-side/django/generic_views/index.md
+++ b/files/es/learn/server-side/django/generic_views/index.md
@@ -85,9 +85,9 @@ Puedes añadir atributos para cambiar el comportamiento por defecto de arriba. P
 ```python
 class BookListView(generic.ListView):
     model = Book
-    context_object_name = 'my_book_list'   # your own name for the list as a template variable
-    queryset = Book.objects.filter(title__icontains='war')[:5] # Get 5 books containing the title war
-    template_name = 'books/my_arbitrary_template_name_list.html'  # Specify your own template name/location
+    context_object_name = 'my_book_list'   # su propio nombre para la lista como variable de plantilla
+    queryset = Book.objects.filter(title__icontains='war')[:5] # Consigue 5 libros que contengan el título de guerra.
+    template_name = 'books/my_arbitrary_template_name_list.html'  # Especifique su propio nombre/ubicación de plantilla
 ```
 
 #### Sobreescribiendo métodos en vistas basadas en clases
@@ -101,7 +101,7 @@ class BookListView(generic.ListView):
     model = Book
 
     def get_queryset(self):
-        return Book.objects.filter(title__icontains='war')[:5] # Get 5 books containing the title war
+        return Book.objects.filter(title__icontains='war')[:5] # Consigue 5 libros que contengan el título de guerra.
 ```
 
 Podríamos también sobreescribir `get_context_data()` con el objeto de pasar variables de contexto adicionales a la plantilla (ej. la lista de libros se pasa por defecto). El fragmento de abajo muestra cómo añadir una variable llamada "some_data" al contexto (la misma estaría entonces disponible como una variable de plantilla).
@@ -111,10 +111,10 @@ class BookListView(generic.ListView):
     model = Book
 
     def get_context_data(self, **kwargs):
-        # Call the base implementation first to get a context
+        # Llame primero a la implementación base para obtener un contexto.
         context = super(BookListView, self).get_context_data(**kwargs)
-        # Get the blog from id and add it to the context
-        context['some_data'] = 'This is just some data'
+        # Obtenga el blog del id y agréguelo al contexto.
+        context['some_data'] = 'Estos son solo algunos datos'
         return context
 ```
 
@@ -124,7 +124,7 @@ Cuando se hace esto es importante seguir este patrón:
 - Luego añadir tu nueva información de contexto.
 - Luego devolver el nuevo contexto (actualizado).
 
-> **Nota:** Revisa [Built-in class-based generic views](https://docs.djangoproject.com/en/1.10/topics/class-based-views/generic-display/) (Django docs) para muchos más ejemplos de lo que puedes hacer.
+> **Nota:** Revisa [Vistas genéricas integradas basadas en clases](https://docs.djangoproject.com/en/1.10/topics/class-based-views/generic-display/) (documentación de Django) para muchos más ejemplos de lo que puedes hacer.
 
 ### Creando la plantilla de Vista de Lista
 
@@ -136,7 +136,7 @@ Las plantillas para las vistas genéricas son como cualquier otra plantilla (si
 {% extends "base_generic.html" %}
 
 {% block content %}
-    <h1>Book List</h1>
+    <h1>Lista de libros</h1>
 
     {% if book_list %}
     <ul>
@@ -149,7 +149,7 @@ Las plantillas para las vistas genéricas son como cualquier otra plantilla (si
 
     </ul>
     {% else %}
-      <p>There are no books in the library.</p>
+      <p>No hay libros en la biblioteca.</p>
     {% endif %}
 {% endblock %}
 ```
@@ -162,13 +162,13 @@ Usamos las etiquetas de plantilla [`if`](https://docs.djangoproject.com/en/1.10/
 
 ```django
 {% if book_list %}
-  <!-- code here to list the books -->
+  <!-- código aquí para listar los libros -->
 {% else %}
-  <p>There are no books in the library.</p>
+  <p>No hay libros en la biblioteca.</p>
 {% endif %}
 ```
 
-La condicional de arriba solo revisa un caso, pero puedes revisar condiciones adicionales usando la etiqueta de plantilla `elif` (ej. `{% elif var2 %}`). Para mayor información sobre operadores condicionales mira: [if](https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#if), [ifequal/ifnotequal](https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#ifequal-and-ifnotequal), y [ifchanged](https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#ifchanged) en [Built-in template tags and filters](https://docs.djangoproject.com/en/1.10/ref/templates/builtins) (Django Docs).
+La condicional de arriba solo revisa un caso, pero puedes revisar condiciones adicionales usando la etiqueta de plantilla `elif` (ej. `{% elif var2 %}`). Para mayor información sobre operadores condicionales mira: [if](https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#if), [ifequal/ifnotequal](https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#ifequal-and-ifnotequal), y [ifchanged](https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#ifchanged) en [Etiquetas y filtros de plantilla integrados](https://docs.djangoproject.com/en/1.10/ref/templates/builtins) (Django Docs).
 
 #### Lazos For
 
@@ -176,7 +176,7 @@ La plantilla usa las etiquetas de plantilla [for](https://docs.djangoproject.com
 
 ```django
 {% for book in book_list %}
-  <li> <!-- code here get information from each book item --> </li>
+  <li> <!-- código aquí obtener información de cada elemento del libro --> </li>
 {% endfor %}
 ```
 
@@ -198,12 +198,12 @@ También podemos invocar _funciones_ en el modelo desde dentro de nuestra planti
 
 #### Actualizar la plantilla base
 
-Abre la plantilla base (**/locallibrary/catalog/templates/_base_generic.html_**) e inserta **{% url 'books' %}** en el enlace URL para **All books**, como se muestra abajo. Esto habilitará el enlace en todas las páginas (podemos ubicar esto exitosamente en su lugar ahora que hemos creado el mapeo url "books").
+Abre la plantilla base (**/locallibrary/catalog/templates/_base_generic.html_**) e inserta **{% url 'books' %}** en el enlace URL para **Todos los libros**, como se muestra abajo. Esto habilitará el enlace en todas las páginas (podemos ubicar esto exitosamente en su lugar ahora que hemos creado el mapeo url "books").
 
 ```python
-<li><a href="{% url 'index' %}">Home</a></li>
-<li><a href="{% url 'books' %}">All books</a></li>
-<li><a href="">All authors</a></li>
+<li><a href="{% url 'index' %}">Inicio</a></li>
+<li><a href="{% url 'books' %}">Todos los libros</a></li>
+<li><a href="">Todos los autores</a></li>
 ```
 
 ### ¿Cómo se ve?
@@ -472,20 +472,20 @@ Crea el archivo HTML **/locallibrary/catalog/templates/catalog/book_detail.html*
 {% block content %}
   <h1>Title: \{{ book.title }}</h1>
 
-  <p><strong>Author:</strong> <a href="">\{{ book.author }}</a></p> <!-- author detail link not yet defined -->
-  <p><strong>Summary:</strong> \{{ book.summary }}</p>
+  <p><strong>Autor:</strong> <a href="">\{{ book.author }}</a></p> <!-- enlace de detalle del autor aún no definido -->
+  <p><strong>Resumen:</strong> \{{ book.summary }}</p>
   <p><strong>ISBN:</strong> \{{ book.isbn }}</p>
-  <p><strong>Language:</strong> \{{ book.language }}</p>
-  <p><strong>Genre:</strong> {% for genre in book.genre.all %} \{{ genre }}{% if not forloop.last %}, {% endif %}{% endfor %}</p>
+  <p><strong>Idioma:</strong> \{{ book.language }}</p>
+  <p><strong>Genero:</strong> {% for genre in book.genre.all %} \{{ genre }}{% if not forloop.last %}, {% endif %}{% endfor %}</p>
 
   <div style="margin-left:20px;margin-top:20px">
-    <h4>Copies</h4>
+    <h4>Copias</h4>
 
     {% for copy in book.bookinstance_set.all %}
     <hr>
     <p class="{% if copy.status == 'a' %}text-success{% elif copy.status == 'm' %}text-danger{% else %}text-warning{% endif %}">\{{ copy.get_status_display }}</p>
-    {% if copy.status != 'a' %}<p><strong>Due to be returned:</strong> \{{copy.due_back}}</p>{% endif %}
-    <p><strong>Imprint:</strong> \{{copy.imprint}}</p>
+    {% if copy.status != 'a' %}<p><strong>Pendiente de devolución:</strong> \{{copy.due_back}}</p>{% endif %}
+    <p><strong>Imprimir:</strong> \{{copy.imprint}}</p>
     <p class="text-muted"><strong>Id:</strong> \{{copy.id}}</p>
     {% endfor %}
   </div>
@@ -562,13 +562,13 @@ En este punto deberíamos haber creado todo lo necesario para desplegar tanto la
 
 > **Advertencia:** No hagas click aún en ningún enlace de autor o de detalles de autores — ¡los crearás en el reto!
 
-Haz click en el enlace **All books** para desplegar la lista de libros.
+Haz click en el enlace **Todos los libros** para desplegar la lista de libros.
 
-![Book List Page](book_list_page_no_pagination.png)
+![Página de lista de libros](book_list_page_no_pagination.png)
 
 Luego haz click en un enlace a uno de tus libros. Si todo está correcto, deberías ver algo como la siguiente pantalla.
 
-![Book Detail Page](book_detail_page_no_pagination.png)
+![Página de detalles del libro](book_detail_page_no_pagination.png)
 
 ## Paginación
 
@@ -602,13 +602,13 @@ Abre **/locallibrary/catalog/templates/_base_generic.html_** y copia el siguient
       <div class="pagination">
           <span class="page-links">
               {% if page_obj.has_previous %}
-                  <a href="\{{ request.path }}?page=\{{ page_obj.previous_page_number }}">previous</a>
+                  <a href="\{{ request.path }}?page=\{{ page_obj.previous_page_number }}">anterior</a>
               {% endif %}
               <span class="page-current">
                   Page \{{ page_obj.number }} of \{{ page_obj.paginator.num_pages }}.
               </span>
               {% if page_obj.has_next %}
-                  <a href="\{{ request.path }}?page=\{{ page_obj.next_page_number }}">next</a>
+                  <a href="\{{ request.path }}?page=\{{ page_obj.next_page_number }}">siguiente</a>
               {% endif %}
           </span>
       </div>
@@ -628,7 +628,7 @@ La captura de pantalla de abajo muestra cómo se ve la paginación — si no has
 
 Los enlaces de paginación se muestran en la parte de abajo, con enlaces de next/previous desplegados dependiendo de en qué página estés
 
-![Book List Page - paginated](book_list_paginated.png)
+![Página de lista de libros - paginada](book_list_paginated.png)
 
 ## Rétate a tí mismo
 
@@ -641,18 +641,18 @@ El código requerido para los mapeadores URL y las vistas debería ser virtualme
 
 > **Nota:**
 >
-> - Una vez que has creado el mapeador URL para la página de lista de autores, necesitarás también actualizar el enlace **All authors** en la plantilla base. Sigue el [mismo proceso](#Update_the_base_template) que hicimos cuando actualizamos el enlace **All books**.
-> - Una vez que has creado el mapeador URL para la página de detalle de autores, deberías también actualizar la [plantilla de vista de detalle de libros](#Creating_the_Detail_View_template) (**/locallibrary/catalog/templates/catalog/book_detail.html**) de modo que el enlace de autor apunte a tu nueva página de detalle de autor (en lugar de ser una URL vacía). La línea cambiará para añadir la etiqueta de plantilla que se muestra en negrita abajo.
+> - Una vez que has creado el mapeador URL para la página de lista de autores, necesitarás también actualizar el enlace **Todos los autores** en la plantilla base. Sigue el [mismo proceso](#update_the_base_template) que hicimos cuando actualizamos el enlace **Todos los libros**.
+> - Una vez que has creado el mapeador URL para la página de detalle de autores, deberías también actualizar la [plantilla de vista de detalle de libros](#creating_the_detail_view_template) (**/locallibrary/catalog/templates/catalog/book_detail.html**) de modo que el enlace de autor apunte a tu nueva página de detalle de autor (en lugar de ser una URL vacía). La línea cambiará para añadir la etiqueta de plantilla que se muestra en negrita abajo.
 >
 > ```django
-> <p><strong>Author:</strong> <a href="{% url 'author-detail' book.author.pk %}">\{{ book.author }}</a></p>
+> <p><strong>Autor:</strong> <a href="{% url 'author-detail' book.author.pk %}">\{{ book.author }}</a></p>
 > ```
 
 Cuando termines, tus páginas deberían lucir similares a las capturas de pantalla de abajo.
 
-![Author List Page](author_list_page_no_pagination.png)
+![Página de lista de autores](author_list_page_no_pagination.png)
 
-![Author Detail Page](author_detail_page_no_pagination.png)
+![Página de detalles del autor](author_detail_page_no_pagination.png)
 
 ## Resumen
 
@@ -664,10 +664,10 @@ En los siguientes artículos extenderemos esta biblioteca para añadir soporte p
 
 ## Mira también
 
-- [Vistas genéricas basadas en clases incluídas](https://docs.djangoproject.com/en/1.10/topics/class-based-views/generic-display/) (Django docs)
-- [Vistas genéricas de despliegue](https://docs.djangoproject.com/en/1.10/ref/class-based-views/generic-display/) (Django docs)
-- [Introducción a las vistas basadas en clases](https://docs.djangoproject.com/en/1.10/topics/class-based-views/intro/) (Django docs)
-- [Etiquetas de plantilla y filtros incluídos](https://docs.djangoproject.com/en/1.10/ref/templates/builtins) (Django docs).
-- [Paginación](https://docs.djangoproject.com/en/1.10/topics/pagination/) (Django docs)
+- [Vistas genéricas basadas en clases incluídas](https://docs.djangoproject.com/en/1.10/topics/class-based-views/generic-display/) (documentación de Django)
+- [Vistas genéricas de despliegue](https://docs.djangoproject.com/en/1.10/ref/class-based-views/generic-display/) (documentación de Django)
+- [Introducción a las vistas basadas en clases](https://docs.djangoproject.com/en/1.10/topics/class-based-views/intro/) (documentación de Django)
+- [Etiquetas de plantilla y filtros incluídos](https://docs.djangoproject.com/en/1.10/ref/templates/builtins) (documentación de Django).
+- [Paginación](https://docs.djangoproject.com/en/1.10/topics/pagination/) (documentación de Django)
 
 {{PreviousMenuNext("Learn/Server-side/Django/Home_page", "Learn/Server-side/Django/Sessions", "Learn/Server-side/Django")}}