From 4da8870a23840984170b25758be5fa50b2ca5c40 Mon Sep 17 00:00:00 2001 From: ezzep66 <51804994+ezzep66@users.noreply.github.com> Date: Mon, 15 Jun 2020 11:58:30 -0300 Subject: [PATCH 01/11] =?UTF-8?q?traducci=C3=B3n=20devtools?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 1-js/01-getting-started/4-devtools/article.md | 58 +++++++++---------- 1-js/01-getting-started/4-devtools/bug.html | 2 +- 2 files changed, 30 insertions(+), 30 deletions(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index ae5b3845d..0f959ac52 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -1,64 +1,64 @@ -# Developer console +# Consola de desarrollador -Code is prone to errors. You will quite likely make errors... Oh, what am I talking about? You are *absolutely* going to make errors, at least if you're a human, not a [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). +El código es propenso a errores. Es muy probable que cometas errores ... Oh, ¿de qué estoy hablando? Vas a *absolutamente* cometer errores, al menos si eres un humano, no un [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). -But in the browser, users don't see errors by default. So, if something goes wrong in the script, we won't see what's broken and can't fix it. +Pero en el navegador, por defecto los usuarios no ven errores. Entonces, si algo sale mal en el script, no veremos lo que está roto y no podemos arreglarlo. -To see errors and get a lot of other useful information about scripts, "developer tools" have been embedded in browsers. +Para ver los errores y obtener mucha otra información útil sobre los scripts, se han incorporado "herramientas de desarrollo" en los navegadores. -Most developers lean towards Chrome or Firefox for development because those browsers have the best developer tools. Other browsers also provide developer tools, sometimes with special features, but are usually playing "catch-up" to Chrome or Firefox. So most developers have a "favorite" browser and switch to others if a problem is browser-specific. +La mayoría de los desarrolladores se inclinan por Chrome o Firefox para el desarrollo porque esos navegadores tienen las mejores herramientas para desarrolladores. Otros navegadores también proporcionan herramientas de desarrollo, a veces con características especiales, pero generalmente están jugando a ponerse al día con Chrome o Firefox. Por lo tanto, la mayoría de los desarrolladores tienen un navegador "favorito" y cambian a otros si un problema es específico del navegador. -Developer tools are potent; they have many features. To start, we'll learn how to open them, look at errors, and run JavaScript commands. +Las herramientas de desarrollo son potentes; Tienen muchas características. Para comenzar, aprenderemos cómo abrirlas, observar errores y ejecutar comandos JavaScript. ## Google Chrome -Open the page [bug.html](bug.html). +Abre la página [bug.html](bug.html). -There's an error in the JavaScript code on it. It's hidden from a regular visitor's eyes, so let's open developer tools to see it. +Hay un error en el código JavaScript dentro de la página. Está oculto a los ojos de un visitante regular, así que abramos las herramientas de desarrollador para verlo. -Press `key:F12` or, if you're on Mac, then `key:Cmd+Opt+J`. +Presione la tecla `F12` o, si está en Mac, entonces la tecla`: Cmd + Opt + J`. -The developer tools will open on the Console tab by default. +Las herramientas de desarrollador se abrirán en la pestaña Consola de forma predeterminada. -It looks somewhat like this: +Se ve algo así: ![chrome](chrome.png) -The exact look of developer tools depends on your version of Chrome. It changes from time to time but should be similar. +El aspecto exacto de las herramientas de desarrollador depende de su versión de Chrome. Cambia de vez en cuando, pero debería ser similar. -- Here we can see the red-colored error message. In this case, the script contains an unknown "lalala" command. -- On the right, there is a clickable link to the source `bug.html:12` with the line number where the error has occurred. +- Aquí podemos ver el mensaje de error de color rojo. En este caso, el script contiene un comando desconocido "lalala". +- A la derecha, hay un enlace en el que se puede hacer clic en la fuente `bug.html: 12` con el número de línea donde se produjo el error. -Below the error message, there is a blue `>` symbol. It marks a "command line" where we can type JavaScript commands. Press `key:Enter` to run them (`key:Shift+Enter` to input multi-line commands). +Debajo del mensaje de error, hay un símbolo azul `>`. Marca una "línea de comando" donde podemos escribir comandos JavaScript. Presione la tecla `: Enter` para ejecutarlos (tecla`: Shift + Enter` para ingresar comandos de varias líneas). -Now we can see errors, and that's enough for a start. We'll come back to developer tools later and cover debugging more in-depth in the chapter . +Ahora podemos ver errores, y eso es suficiente para empezar. Volveremos a las herramientas de desarrollador más adelante y cubriremos la depuración más en profundidad en el capítulo . -## Firefox, Edge, and others +## Firefox, Edge, y otros -Most other browsers use `key:F12` to open developer tools. +La mayoría de los otros navegadores usan `tecla: F12` para abrir herramientas de desarrollador. -The look & feel of them is quite similar. Once you know how to use one of these tools (you can start with Chrome), you can easily switch to another. +La apariencia de ellos es bastante similar. Una vez que sepa cómo usar una de estas herramientas (puede comenzar con Chrome), puede cambiar fácilmente a otra. ## Safari -Safari (Mac browser, not supported by Windows/Linux) is a little bit special here. We need to enable the "Develop menu" first. +Safari (navegador Mac, no compatible con Windows/Linux) es un poco especial aquí. Necesitamos habilitar primero el "Menú de desarrollo". -Open Preferences and go to the "Advanced" pane. There's a checkbox at the bottom: +Abra Preferencias y vaya al panel "Avanzado". Hay una casilla de verificación en la parte inferior: ![safari](safari.png) -Now `key:Cmd+Opt+C` can toggle the console. Also, note that the new top menu item named "Develop" has appeared. It has many commands and options. +Ahora la tecla: `Cmd + Opt + C` puede alternar la consola. Además, tenga en cuenta que ha aparecido el nuevo elemento del menú superior denominado "Desarrollar". Tiene muchos comandos y opciones. -## Multi-line input +## Entrada multilínea -Usually, when we put a line of code into the console, and then press `key:Enter`, it executes. +Por lo general, cuando ponemos una línea de código en la consola y luego presionamos la tecla `Enter`, se ejecuta. -To insert multiple lines, press `key:Shift+Enter`. +Para insertar varias líneas, presione la tecla: `Shift + Enter`. -## Summary +## Resumen -- Developer tools allow us to see errors, run commands, examine variables, and much more. -- They can be opened with `key:F12` for most browsers on Windows. Chrome for Mac needs `key:Cmd+Opt+J`, Safari: `key:Cmd+Opt+C` (need to enable first). +- Las herramientas para desarrolladores nos permiten ver errores, ejecutar comandos, examinar variables y mucho más. +- Se pueden abrir con `tecla: F12` para la mayoría de los navegadores en Windows. Chrome para Mac necesita la tecla `Cmd + Opt + J`, Safari: tecla `Cmd + Opt + C` (primero debe habilitarse). -Now we have the environment ready. In the next section, we'll get down to JavaScript. +Ahora tenemos el entorno listo. En la siguiente sección, nos abocaremos a JavaScript. \ No newline at end of file diff --git a/1-js/01-getting-started/4-devtools/bug.html b/1-js/01-getting-started/4-devtools/bug.html index edb02375c..37128a141 100644 --- a/1-js/01-getting-started/4-devtools/bug.html +++ b/1-js/01-getting-started/4-devtools/bug.html @@ -7,7 +7,7 @@ - There is an error in the script on this page. + Hay un error en el script de ésta página. From f0b33ab7b1857d639bfd6fd7412e8f15cba86877 Mon Sep 17 00:00:00 2001 From: Ezequiel Castellanos <51804994+ezzep66@users.noreply.github.com> Date: Sun, 28 Jun 2020 10:12:42 -0300 Subject: [PATCH 02/11] Update 1-js/01-getting-started/4-devtools/article.md --- 1-js/01-getting-started/4-devtools/article.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index 0f959ac52..db329747f 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -1,6 +1,6 @@ # Consola de desarrollador -El código es propenso a errores. Es muy probable que cometas errores ... Oh, ¿de qué estoy hablando? Vas a *absolutamente* cometer errores, al menos si eres un humano, no un [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). +El código es propenso a errores. Es muy probable que cometas errores ... Oh, ¿de qué estoy hablando? *Definitivamente* vas a cometer errores, al menos si eres un humano, no un [robot](https://en.wikipedia.org/wiki/Bender_(Futurama)). Pero en el navegador, por defecto los usuarios no ven errores. Entonces, si algo sale mal en el script, no veremos lo que está roto y no podemos arreglarlo. @@ -61,4 +61,4 @@ Para insertar varias líneas, presione la tecla: `Shift + Enter`. - Las herramientas para desarrolladores nos permiten ver errores, ejecutar comandos, examinar variables y mucho más. - Se pueden abrir con `tecla: F12` para la mayoría de los navegadores en Windows. Chrome para Mac necesita la tecla `Cmd + Opt + J`, Safari: tecla `Cmd + Opt + C` (primero debe habilitarse). -Ahora tenemos el entorno listo. En la siguiente sección, nos abocaremos a JavaScript. \ No newline at end of file +Ahora tenemos el entorno listo. En la siguiente sección, nos abocaremos a JavaScript. From 7f7b046fbe61e866154909ad04c9eea67fbd5e34 Mon Sep 17 00:00:00 2001 From: Ezequiel Castellanos <51804994+ezzep66@users.noreply.github.com> Date: Sun, 28 Jun 2020 10:18:33 -0300 Subject: [PATCH 03/11] Update 1-js/01-getting-started/4-devtools/article.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Carlos Ortiz Gutiérrez <56600925+cortizg@users.noreply.github.com> --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index db329747f..e922c816d 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -31,7 +31,7 @@ El aspecto exacto de las herramientas de desarrollador depende de su versión de Debajo del mensaje de error, hay un símbolo azul `>`. Marca una "línea de comando" donde podemos escribir comandos JavaScript. Presione la tecla `: Enter` para ejecutarlos (tecla`: Shift + Enter` para ingresar comandos de varias líneas). -Ahora podemos ver errores, y eso es suficiente para empezar. Volveremos a las herramientas de desarrollador más adelante y cubriremos la depuración más en profundidad en el capítulo . +Ahora podemos ver errores, y eso es suficiente para empezar. Volveremos a las herramientas de desarrollador más adelante y cubriremos la depuración más en profundidad en el capítulo . ## Firefox, Edge, y otros From 526fc476840f0abe5ac210f96c2ccae01301775d Mon Sep 17 00:00:00 2001 From: Ezequiel Castellanos <51804994+ezzep66@users.noreply.github.com> Date: Sun, 28 Jun 2020 10:22:19 -0300 Subject: [PATCH 04/11] Update 1-js/01-getting-started/4-devtools/article.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Carlos Ortiz Gutiérrez <56600925+cortizg@users.noreply.github.com> --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index e922c816d..7367faa72 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -27,7 +27,7 @@ Se ve algo así: El aspecto exacto de las herramientas de desarrollador depende de su versión de Chrome. Cambia de vez en cuando, pero debería ser similar. - Aquí podemos ver el mensaje de error de color rojo. En este caso, el script contiene un comando desconocido "lalala". -- A la derecha, hay un enlace en el que se puede hacer clic en la fuente `bug.html: 12` con el número de línea donde se produjo el error. +- A la derecha, hay un enlace en el que se puede hacer clic en la fuente `bug.html:12` con el número de línea donde se produjo el error. Debajo del mensaje de error, hay un símbolo azul `>`. Marca una "línea de comando" donde podemos escribir comandos JavaScript. Presione la tecla `: Enter` para ejecutarlos (tecla`: Shift + Enter` para ingresar comandos de varias líneas). From 1a835fc772393254ad429bb59ff575c1f7ab6b02 Mon Sep 17 00:00:00 2001 From: Ezequiel Castellanos <51804994+ezzep66@users.noreply.github.com> Date: Sun, 28 Jun 2020 22:03:20 -0300 Subject: [PATCH 05/11] Update 1-js/01-getting-started/4-devtools/article.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Carlos Ortiz Gutiérrez <56600925+cortizg@users.noreply.github.com> --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index 7367faa72..b6a8e3c48 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -36,7 +36,7 @@ Ahora podemos ver errores, y eso es suficiente para empezar. Volveremos a las he ## Firefox, Edge, y otros -La mayoría de los otros navegadores usan `tecla: F12` para abrir herramientas de desarrollador. +La mayoría de los otros navegadores usan `key:F12` para abrir herramientas de desarrollador. La apariencia de ellos es bastante similar. Una vez que sepa cómo usar una de estas herramientas (puede comenzar con Chrome), puede cambiar fácilmente a otra. From 5cbc3a50e7dc968c0601bde677f2fa6720ffcf6b Mon Sep 17 00:00:00 2001 From: Ezequiel Castellanos <51804994+ezzep66@users.noreply.github.com> Date: Sun, 28 Jun 2020 22:03:40 -0300 Subject: [PATCH 06/11] Update 1-js/01-getting-started/4-devtools/article.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Carlos Ortiz Gutiérrez <56600925+cortizg@users.noreply.github.com> --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index b6a8e3c48..5cd89a95c 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -29,7 +29,7 @@ El aspecto exacto de las herramientas de desarrollador depende de su versión de - Aquí podemos ver el mensaje de error de color rojo. En este caso, el script contiene un comando desconocido "lalala". - A la derecha, hay un enlace en el que se puede hacer clic en la fuente `bug.html:12` con el número de línea donde se produjo el error. -Debajo del mensaje de error, hay un símbolo azul `>`. Marca una "línea de comando" donde podemos escribir comandos JavaScript. Presione la tecla `: Enter` para ejecutarlos (tecla`: Shift + Enter` para ingresar comandos de varias líneas). +Debajo del mensaje de error, hay un símbolo azul `>`. Marca una "línea de comando" donde podemos escribir comandos JavaScript. Presione `key:Enter` para ejecutarlos (combine `key:Shift+Enter` para ingresar comandos de varias líneas). Ahora podemos ver errores, y eso es suficiente para empezar. Volveremos a las herramientas de desarrollador más adelante y cubriremos la depuración más en profundidad en el capítulo . From 7bf42b56c2a6072532160df0a01d49d48e5bd35c Mon Sep 17 00:00:00 2001 From: Ezequiel Castellanos <51804994+ezzep66@users.noreply.github.com> Date: Sun, 28 Jun 2020 22:03:49 -0300 Subject: [PATCH 07/11] Update 1-js/01-getting-started/4-devtools/article.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Carlos Ortiz Gutiérrez <56600925+cortizg@users.noreply.github.com> --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index 5cd89a95c..ce75c9d26 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -52,7 +52,7 @@ Ahora la tecla: `Cmd + Opt + C` puede alternar la consola. Además, tenga en cue ## Entrada multilínea -Por lo general, cuando ponemos una línea de código en la consola y luego presionamos la tecla `Enter`, se ejecuta. +Por lo general, cuando ponemos una línea de código en la consola y luego presionamos `key:Enter`, se ejecuta. Para insertar varias líneas, presione la tecla: `Shift + Enter`. From ba3a255489bc7d9d362125617e39afe62b8d4978 Mon Sep 17 00:00:00 2001 From: Ezequiel Castellanos <51804994+ezzep66@users.noreply.github.com> Date: Sun, 28 Jun 2020 22:03:59 -0300 Subject: [PATCH 08/11] Update 1-js/01-getting-started/4-devtools/article.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Carlos Ortiz Gutiérrez <56600925+cortizg@users.noreply.github.com> --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index ce75c9d26..83ec49194 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -59,6 +59,6 @@ Para insertar varias líneas, presione la tecla: `Shift + Enter`. ## Resumen - Las herramientas para desarrolladores nos permiten ver errores, ejecutar comandos, examinar variables y mucho más. -- Se pueden abrir con `tecla: F12` para la mayoría de los navegadores en Windows. Chrome para Mac necesita la tecla `Cmd + Opt + J`, Safari: tecla `Cmd + Opt + C` (primero debe habilitarse). +- Se pueden abrir con `key:F12` para la mayoría de los navegadores en Windows. Chrome para Mac necesita la combinación `key:Cmd+Opt+J`, Safari: `key:Cmd+Opt+C` (primero debe habilitarse). Ahora tenemos el entorno listo. En la siguiente sección, nos abocaremos a JavaScript. From ab1d97ce6ee322f752413a9ed4936ed16df49826 Mon Sep 17 00:00:00 2001 From: Ezequiel Castellanos <51804994+ezzep66@users.noreply.github.com> Date: Sun, 28 Jun 2020 22:04:12 -0300 Subject: [PATCH 09/11] Update 1-js/01-getting-started/4-devtools/article.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Carlos Ortiz Gutiérrez <56600925+cortizg@users.noreply.github.com> --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index 83ec49194..f544ec950 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -54,7 +54,7 @@ Ahora la tecla: `Cmd + Opt + C` puede alternar la consola. Además, tenga en cue Por lo general, cuando ponemos una línea de código en la consola y luego presionamos `key:Enter`, se ejecuta. -Para insertar varias líneas, presione la tecla: `Shift + Enter`. +Para insertar varias líneas, presione la combinación `key:Shift+Enter`. ## Resumen From a9120567916f26f1c993a3402d7e97847bbb605d Mon Sep 17 00:00:00 2001 From: Ezequiel Castellanos <51804994+ezzep66@users.noreply.github.com> Date: Sun, 28 Jun 2020 22:04:26 -0300 Subject: [PATCH 10/11] Update 1-js/01-getting-started/4-devtools/article.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Carlos Ortiz Gutiérrez <56600925+cortizg@users.noreply.github.com> --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index f544ec950..f22f8aa01 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -48,7 +48,7 @@ Abra Preferencias y vaya al panel "Avanzado". Hay una casilla de verificación e ![safari](safari.png) -Ahora la tecla: `Cmd + Opt + C` puede alternar la consola. Además, tenga en cuenta que ha aparecido el nuevo elemento del menú superior denominado "Desarrollar". Tiene muchos comandos y opciones. +Ahora combine `key:Cmd+Opt+C` para alternar a consola. Además, tenga en cuenta que ha aparecido el nuevo elemento del menú superior denominado "Desarrollar". Tiene muchos comandos y opciones. ## Entrada multilínea From 558c24b45916732f650a56becbe2f2db8b9bcbce Mon Sep 17 00:00:00 2001 From: Ezequiel Castellanos <51804994+ezzep66@users.noreply.github.com> Date: Sun, 28 Jun 2020 22:05:16 -0300 Subject: [PATCH 11/11] Update 1-js/01-getting-started/4-devtools/article.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Carlos Ortiz Gutiérrez <56600925+cortizg@users.noreply.github.com> --- 1-js/01-getting-started/4-devtools/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md index f22f8aa01..885f5db02 100644 --- a/1-js/01-getting-started/4-devtools/article.md +++ b/1-js/01-getting-started/4-devtools/article.md @@ -16,7 +16,7 @@ Abre la página [bug.html](bug.html). Hay un error en el código JavaScript dentro de la página. Está oculto a los ojos de un visitante regular, así que abramos las herramientas de desarrollador para verlo. -Presione la tecla `F12` o, si está en Mac, entonces la tecla`: Cmd + Opt + J`. +Presione `key:F12` o, si está en Mac, entonces combine `key:Cmd+Opt+J`. Las herramientas de desarrollador se abrirán en la pestaña Consola de forma predeterminada.