Merge pull request Eloquent-JavaScript-Espanol#29 from ajesusflores/master

Capítulo 13, segunda (y última parte)

Author: hectorip

13_browser.md

@@ -316,4 +316,148 @@ considera que las declaraciones ((doctype)) y `charset` están ahí
 implicitamente en los ejemplos, incluso cuando no se muestran en el
 texto.
 
+{{id script_tag}}
 
+## HTML y JavaScript
+
+{{index [JavaScript, "in HTML"], "script (HTML tag)"}}
+
+En el contexto de este libro, la etiqueta HTML más importante es
+`<script>`. Esta etiqueta nos permite incluir un fragmento de JavaScript
+en un documento.
+
+```{lang: "text/html"}
+<h1>Testing alert</h1>
+<script>alert("hello!");</script>
+```
+
+{{index "alert function", timeline}}
+
+Ese comando será ejecutado tan pronto como su etiqueta `<script>` es
+encontrada mientras el navegador lee el HTML. Esta página mostrará un
+diálogo en cuanto sea abierta, la función `alert` se parece a `prompt`
+en que muestra una pequeña ventana, pero sólo muestra un mensaje sin
+esperar datos de entrada.
+
+{{index "src attribute"}}
+
+Incluir grandes programas directamente en un documento HTML
+es muchas veces impráctico. A la etiqueta `<script>` se le puede proveer
+un atributo `src` para obtener un archivo de script (un archivo de texto
+que contiene un fragmento de códido JavaScript) de una URL.
+
+```{lang: "text/html"}
+<h1>Testing alert</h1>
+<script src="code/hello.js"></script>
+```
+
+El archivo _code/hello.js_ incluido aquí contiene el mismo programa,
+`alert("hello!")`. Cuando una página HTML hace referencia a otras URLs como
+parte de si misma, por ejemplo, un archivo de imagen o un script, los navegadores
+los recuperarán inmediatamente y los incluirán en la página.
+
+{{index "script (HTML tag)", "closing tag"}}
+
+Una etiqueta de script siempre debe cerrarse con `</script>`, incluso si se
+refiere a un archivo de script y no contiene código en su interior. Si olvidas
+cerrarla, el resto de la página será interpretada como parte del script.
+
+{{index "relative path", dependency}}
+
+Puedes cargar ((módulos ES)) (ver [Chapter ?](modules#es)) en el navegador
+si le provees a tu etiqueta script un atributo `type="module"`. Esos módulos
+pueden depender de otros módulos usando ((URL))s relativas a si mismos como
+nombres de módulos en declaraciones `import`.
+
+{{index "button (HTML tag)", "onclick attribute"}}
+
+Algunos atributos también pueden contener un programa JavaScript. La etiqueta
+`<button>` mostrada a continuación (que muestra un botón) tiene un atributo
+`onclick`. El valor del atributo será ejecutado siempre que el botón sea presionado.
+
+```{lang: "text/html"}
+<button onclick="alert('Boom!');">NO PRESIONAR</button>
+```
+
+{{index "single-quote character", [escaping, "in HTML"]}}
+
+Nota que tuve que usar comillas simples para la cadena en el atributo `onclick`
+porque las comillas dobles ya están siendo utilizadas para encerrar el atributo
+completo. También pude haber usado `&quot;`.
+
+## En la caja de arena
+
+{{index "malicious script", "World Wide Web", browser, website, security}}
+
+Ejecutar programas descargados de ((Internet)) es pontencialmente peligroso.
+No conoces mucho de las personas detrás de la mayoría de los sitios que visitas,
+y no necesariamente quieren hacer el bien. Ejecutar programas de gente que no
+quiere hacer el bien es como tu computadora se infecta de ((virus)), te roban
+la información y compromenten tus cuentas.
+
+Aunque la atracción de la Web es que puedes navegar sin necesariamente ((confiar))
+en todas las páginas que visitas. Ésa es la razón por la cual los navegadores
+limitan en gran medida las cosas que un programa JavaScript puede hacer: no puede
+revisar los archivos en tu computadora o modificar nada relacionado a la página web
+en la que se inscrustó.
+
+{{index isolation}}
+
+Aislar un entorno de programación en ésta forma es llamado _((sandbox))ing_,
+la idea es que el programa pueda ejecutarse sin daños en una caja de arena.
+Pero deberías imaginar que este tipo particular de caja de arena es como tener
+los programas detrás de barras de acero y que no pueden salir.
+
+la parte complicada del sandboxing es permitirle al programa suficientes permisos
+para ser útil y a la vez restringirlo de hacer cualquier cosa peligrosa. Mucha
+funcionalidad, como comunicarse con otros servidores o leer el contenido del
+portapapeles puede ser problematico, son cosas que invaden la ((privacidad)).
+
+{{index leak, exploit, security}}
+
+De vez en cuando, alguien tiene una nueva forma de evitar las limitaciones de un
+((navegador)) y hacer cosas dañinas, desde exponer información privada sin importancia
+hasta tomar el control de toda la máquina sobre la que corre el navegador. Los
+desarrolladores del navegador responden arreglando ese problema, y todo está bien
+nuevamente, hasta que el próximo problema es descubierto, y tal vez se haga
+público, en lugar de ser explotado de forma secreta por una agencia del gobierno
+o ((mafia)).
+
+## Compatibilidad y la guerra de los navegadores
+
+{{index Microsoft, "World Wide Web"}}
+
+En las etapas tempranas de la Web, un navegador llamado ((Mosaic)) dominó el mercado.
+Después de unos cuantos años, la balanza se inclinó hacia ((Netscape)), el cual fue
+suplantado después por el browser de Microsoft ((Internet Explorer)). En cualquier punto
+en el que un único ((navegador)) fuera dominante, el fabricante de ese navegador se
+sentía con derecho de inventar nuevas caracteristicas unilateralmente para la Web.
+Ya que la mayoria de los usuarios usaban el navegador más popular, los ((sitios web))
+simplemente empezarían a usar esas caracteristicas sin importarles los otros navegadores.
+
+Ésta fue la edad oscura de la ((compatibilidad)), algunas veces llamada
+_((guerra de navegadores))_. Los desarrolladores Web tenían que lidiar con
+dos o tres plataformas incompatibles. Para hacer las cosas peor, los navegadores
+usados alrededor del 2003 estaban llenos de ((defectos)), y  por supuesto,
+los defectos eran distintos para cada ((navegador)). La vida era dura para los
+que escribian páginas Web.
+
+{{index Apple, "Internet Explorer", Mozilla}}
+
+Mozilla ((Firefox)), una derivación sin fines de lucro de ((Netscape)), retó
+la posición de Internet Explorer a finales de los 2000. Ya que ((Microsoft))
+no estaba interesado en mantenerse competitivo en ese momento, Firefox tomó
+una gran parte del mercado de Internet Explorer. Más o menos al mismo tiempo,
+((Google)) introdujo su navegador ((Chrome)), el navegador ((Safari)) de Apple
+también ganó popularidad, llevando a una situación en la que existieron cuatro
+grandes competidores, en lugar de uno.
+
+{{index compatibility}}
+
+Los nuevos competidores tuvieron una actitud más seria hacia los ((estándar))es y
+mejores prácticas de ((ingeniería)), dándonos menos incompatibilidad y menos
+defectos. Microsoft, al vez que su parte del mercado caerse, le dio la vuelta y
+adoptó esas actitudes en su navegador Edge, el cual reemplaza a Internet Explorer.
+Si tú estás empezando a aprender desarrollo web, considérate afortunado. Las
+últimas versiones de los navegadores se comportan uniformemente bien y tienen
+relativamente menos defectos.