susy211029

joaquinelio · joaquinelio · commit 13e8942773a1 · 2021-10-29T06:35:51.000-03:00
diff --git a/1-js/01-getting-started/1-intro/article.md b/1-js/01-getting-started/1-intro/article.md
@@ -59,7 +59,7 @@ Por ejemplo, en el navegador JavaScript es capaz de:
 
 ## ¿Qué NO PUEDE hacer JavaScript en el navegador?
 
-Las capacidades de JavaScript en el navegador están limitadas por el bien de la seguridad de usuario. El objetivo es prevenir el acceso de información privada o dañar los datos de usuario por parte de una página maliciosa.
+Las capacidades de JavaScript en el navegador están limitadas por el bien de la seguridad de usuario. El objetivo es prevenir que una página maliciosa acceda a información privada o dañe los datos de usuario.
 
 Ejemplos de tales restricciones incluyen:
 
diff --git a/1-js/06-advanced-functions/03-closure/9-sort-by-field/_js.view/test.js b/1-js/06-advanced-functions/03-closure/9-sort-by-field/_js.view/test.js
@@ -23,7 +23,7 @@ describe("byField", function(){
       { name: "John", age: 20, surname: "Johnson"},
     ];
     let ageSortedAnswer = users.sort(byField("age"));
-    assert.deepEqual(ageSortedKey, ageSortedKey);
+    assert.deepEqual(ageSortedKey, ageSortedAnswer);
   });
 
   it("sorts users by surname", function(){
diff --git a/1-js/06-advanced-functions/10-bind/article.md b/1-js/06-advanced-functions/10-bind/article.md
@@ -187,8 +187,8 @@ let user = {
 
 let say = user.say.bind(user);
 
-say("Hello"); // Hello, John ("Hello" se pasa a say)
-say("Bye"); // Bye, John ("Bye" is passed to say)
+say("Hello"); // Hello, John! ("Hello" se pasa a say)
+say("Bye"); // Bye, John! ("Bye" is passed to say)
 ```
 
 ````smart header="Convenience method:bindAll"
diff --git a/1-js/09-classes/06-instanceof/article.md b/1-js/09-classes/06-instanceof/article.md
@@ -94,7 +94,7 @@ El algoritmo de `obj instanceof Class` funciona más o menos de la siguiente man
     alert(rabbit instanceof Animal); // verdadero
     */!*
 
-    // rabbit.__proto__ === Rabbit.prototype
+    // rabbit.__proto__ === Animal.prototype (no match)
     *!*
     // rabbit.__proto__.__proto__ === Animal.prototype (iguala!)
     */!*
diff --git a/1-js/11-async/08-async-await/article.md b/1-js/11-async/08-async-await/article.md
@@ -301,7 +301,7 @@ El comando `async` antes de una función tiene dos efectos:
 1. Hace que siempre devuelva una promesa.
 2. Permite que sea usado `await` dentro de ella.
 
-El comando `await` antes de una promesa hace que JavaScript espere hasta que la promesa responda, entonces:
+El comando `await` antes de una promesa hace que JavaScript espere hasta que la promesa responda. Entonces:
 
 1. Si es un error, la excepción es generada — lo mismo que si `throw error` fuera llamado en ese mismo lugar.
 2. De otro modo, devuelve el resultado.
diff --git a/2-ui/1-document/05-basic-dom-node-properties/article.md b/2-ui/1-document/05-basic-dom-node-properties/article.md
@@ -25,7 +25,9 @@ Las clases son:
     - [HTMLInputElement](https://html.spec.whatwg.org/multipage/forms.html#htmlinputelement) -- la clase para elementos `<input>`,
     - [HTMLBodyElement](https://html.spec.whatwg.org/multipage/semantics.html#htmlbodyelement) -- la clase para los elementos `<body>`,
     - [HTMLAnchorElement](https://html.spec.whatwg.org/multipage/semantics.html#htmlanchorelement) -- la clase para elementos `<a>`,
-    - ...y así sucesivamente, cada etiqueta tiene su propia clase que puede proporcionar propiedades y métodos específicos.
+    - ...y así sucesivamente.
+
+Hay muchas otras etiquetas con sus propias clases con sus propiedades y métodos específicos, mientras que algunos elementos, tales como `<span>`, `<section>`, `<article>` no tienen ninguna propiedad específica entonces derivan de la clase `HTMLElement`.
 
 Entonces, el conjunto completo de propiedades y métodos de un nodo dado viene como resultado de la herencia.
 
@@ -128,7 +130,7 @@ Por ejemplo:
 
 ```html run
 <body>
-  <script>  
+  <script>
   let elem = document.body;
 
   // vamos a examinar lo que es
diff --git a/2-ui/1-document/09-size-and-scroll/article.md b/2-ui/1-document/09-size-and-scroll/article.md
@@ -116,7 +116,7 @@ function isHidden(elem) {
 }
 ```
 
-Por favor ten en cuenta que `isHidden` retorna `true` para elementos que están en pantalla, pero tienen tamaño cero (como un `<div>` vacío).
+Observa que tal `isHidden` devuelve `true` para elementos que están en pantalla pero tienen tamaño cero.
 ````
 
 ## clientTop/Left
diff --git a/2-ui/2-events/01-introduction-browser-events/article.md b/2-ui/2-events/01-introduction-browser-events/article.md
@@ -160,7 +160,7 @@ button.onclick = sayThanks;
 button.onclick = sayThanks();
 ```
 
-Si agregamos paréntesis, entonces `sayThanks()` se convierte en una llamada de función. Por lo que en realidad la última linea toma el *resultado* de la ejecución de la función, que es `undefined` (ya que la función no devuelve nada), y lo asigna a `onclick`. Esto no funciona.
+Si agregamos paréntesis, `sayThanks()` se convierte en una llamada de función. En ese caso la última linea toma el *resultado* de la ejecución de la función, que es `undefined` (ya que la función no devuelve nada), y lo asigna a `onclick`. Esto no funciona.
 
 ...Por otro lado, en el markup necesitamos los paréntesis:
 
diff --git a/2-ui/3-event-details/7-keyboard-events/keyboard-dump.view/script.js b/2-ui/3-event-details/7-keyboard-events/keyboard-dump.view/script.js
@@ -5,6 +5,8 @@ let lastTime = Date.now();
 function handle(e) {
   if (form.elements[e.type + 'Ignore'].checked) return;
 
+  area.scrollTop = 1e6;
+
   let text = e.type +
     ' key=' + e.key +
     ' code=' + e.code +
diff --git a/2-ui/5-loading/01-onload-ondomcontentloaded/article.md b/2-ui/5-loading/01-onload-ondomcontentloaded/article.md
@@ -185,6 +185,26 @@ window.onbeforeunload = function() {
 
 El comportamiento se modificó, porque algunos webmasters abusaron de este controlador de eventos mostrando mensajes engañosos y molestos. Entonces, en este momento, los navegadores antiguos aún pueden mostrarlo como un mensaje, pero aparte de eso, no hay forma de personalizar el mensaje que se muestra al usuario.
 
+````warn header="El `event.preventDefault()` no funciona desde un manejador `beforeunload`"
+Esto puede sonar extraño, pero la mayoría de los navegadores ignoran `event.preventDefault()`.
+
+Lo que significa que el siguiente código no puede no funcionar:
+```js run
+window.addEventListener("beforeunload", (event) => {
+  // no funciona, así que el manejador de evento no hace nada
+	event.preventDefault();
+});
+```
+
+En lugar de ello, en tales manejadores uno debe establecer `event.returnValue` a un string para obtener un resultado similar al pretendido en el código de arriba:
+```js run
+window.addEventListener("beforeunload", (event) => {
+  // funciona, lo mismo que si devolviera desde window.onbeforeunload
+	event.returnValue = "Hsy cambios sin grabar. ¿Abandonar ahora?";
+});
+```
+````
+
 ## readyState
 
 ¿Qué sucede si configuramos el controlador `DOMContentLoaded` después de cargar el documento?
diff --git a/2-ui/5-loading/02-script-async-defer/article.md b/2-ui/5-loading/02-script-async-defer/article.md
@@ -133,6 +133,10 @@ Los scripts asincrónicos son excelentes cuando incluimos scripts de terceros (c
 <script async src="https://google-analytics.com/analytics.js"></script>
 ```
 
+```smart header="El atributo `async` es solo para scripts externos"
+Tal como `defer`, el atributo `async` se ignora si la etiqueta `<script>` no tiene `src`.
+```
+
 ## Scripts dinámicos
 
 Hay otra manera importante de agregar un script a la página.
@@ -188,7 +192,7 @@ Pero hay algunas diferencias esenciales entre ellos:
 | `async` | *Load-first order*. El orden del documento no importa. El que carga primero ejecuta primero | Irrelevante. Puede cargar y ejecutarse mientras el documento no ha sido completamente descargado, eso puede pasar si el script es pequeño o está en cache y el documento es suficientemente extenso. |
 | `defer` | *Document order* (como van en el documento). |  Ejecutan después de que el documento es cargado y analizado (espera si es necesario), justo antes de `DOMContentLoaded`. |
 
-En la práctica, `defer` es usado para scripts que necesitan todo el DOM y/o el orden de ejecución es importante. 
+En la práctica, `defer` es usado para scripts que necesitan todo el DOM y/o si su orden de ejecución relativa es importante. 
 
 Y `async` es usado para scripts independientes, como contadores y anuncios donde el orden de ejecución no importa.
 
diff --git a/9-regular-expressions/07-regexp-escaping/article.md b/9-regular-expressions/07-regexp-escaping/article.md
@@ -3,7 +3,7 @@
 
 Como hemos visto, una barra invertida `pattern:\` se usa para denotar clases de caracteres, p.ej. `pattern:\d`. Por lo tanto, es un carácter especial en expresiones regulares (al igual que en las cadenas regulares).
 
-También hay otros caracteres especiales que tienen un significado especial en una expresión regular. Se utilizan para hacer búsquedas más potentes. Aquí hay una lista completa de ellos: `pattern:[ \ ^ $ . | ? * + ( )`.
+También hay otros caracteres especiales que tienen un significado especial en una expresión regular, tales como `pattern:[ ] { } ( ) \ ^ $ . | ? * +`. Se utilizan para hacer búsquedas más potentes.
 
 No intentes recordar la lista: pronto nos ocuparemos de cada uno de ellos por separado y los recordarás fácilmente.
 

Original file line number	Diff line number	Diff line change
`@@ -116,7 +116,7 @@ function isHidden(elem) {`
`116`	`116`	`}`
`117`	`117`	```
`118`	`118`
`119`		-Por favor ten en cuenta que `isHidden` retorna `true` para elementos que están en pantalla, pero tienen tamaño cero (como un `<div>` vacío).
	`119`	+Observa que tal `isHidden` devuelve `true` para elementos que están en pantalla pero tienen tamaño cero.
`120`	`120`	````
`121`	`121`
`122`	`122`	`## clientTop/Left`