diff --git a/1-js/01-getting-started/1-intro/article.md b/1-js/01-getting-started/1-intro/article.md index a611d960a..4fb5f426a 100644 --- a/1-js/01-getting-started/1-intro/article.md +++ b/1-js/01-getting-started/1-intro/article.md @@ -1,120 +1,120 @@ -# An Introduction to JavaScript +# Una introducción a JavaScript -Let's see what's so special about JavaScript, what we can achieve with it, and which other technologies play well with it. +Veamos qué tiene de especial JavaScript, qué podemos lograr con él y qué otras tecnologías juegan bien con él. -## What is JavaScript? +## ¿Qué es JavaScript? -*JavaScript* was initially created to *"make web pages alive"*. +*JavaScript* fue creado inicialmente para *"dar vida a las paginas web"*. -The programs in this language are called *scripts*. They can be written right in a web page's HTML and executed automatically as the page loads. +Los programas en este lenguaje se llaman *scripts*. Se pueden escribir directamente en el HTML de una página web y ejecutarse automáticamente a medida que se carga la página. -Scripts are provided and executed as plain text. They don't need special preparation or compilation to run. +Los scripts se proveen y ejecutan como texto plano. No necesitan una preparación especial o compilación para su ejecución. -In this aspect, JavaScript is very different from another language called [Java](https://en.wikipedia.org/wiki/Java_(programming_language)). +En este aspecto, JavaScript es muy diferente de otro lenguaje llamado [Java](https://es.wikipedia.org/wiki/Java_(lenguaje_de_programación)). -```smart header="Why JavaScript?" -When JavaScript was created, it initially had another name: "LiveScript". But Java was very popular at that time, so it was decided that positioning a new language as a "younger brother" of Java would help. +```smart header="¿Por qué JavaScript?" +Cuando se creó JavaScript, inicialmente tenía otro nombre: "LiveScript". Pero Java era muy popular en ese momento, por lo que se decidió que posicionar un nuevo lenguaje como un "hermano menor" de Java ayudaría. -But as it evolved, JavaScript became a fully independent language with its own specification called [ECMAScript](http://en.wikipedia.org/wiki/ECMAScript), and now it has no relation to Java at all. +Pero a medida que evolucionaba, JavaScript se convirtió en un lenguaje totalmente independiente con su propia especificación llamada [ECMAScript](http://es.wikipedia.org/wiki/ECMAScript), y ahora no tiene ninguna relación con Java. ``` -Today, JavaScript can execute not only in the browser, but also on the server, or actually on any device that has a special program called [the JavaScript engine](https://en.wikipedia.org/wiki/JavaScript_engine). +Hoy en día, JavaScript puede ejecutarse no solo en el navegador, sino también en el servidor, o en cualquier dispositivo que tenga un programa especial denominado [motor de JavaScript](https://es.wikipedia.org/wiki/Intérprete_de_JavaScript). -The browser has an embedded engine sometimes called a "JavaScript virtual machine". +El navegador tiene un motor incorporado llamado "máquina virtual de JavaScript". -Different engines have different "codenames". For example: +Diferentes motores tienen diferentes "nombres". Por ejemplo: -- [V8](https://en.wikipedia.org/wiki/V8_(JavaScript_engine)) -- in Chrome and Opera. -- [SpiderMonkey](https://en.wikipedia.org/wiki/SpiderMonkey) -- in Firefox. -- ...There are other codenames like "Trident" and "Chakra" for different versions of IE, "ChakraCore" for Microsoft Edge, "Nitro" and "SquirrelFish" for Safari, etc. +- [V8](https://es.wikipedia.org/wiki/Chrome_V8) -- en Chrome y Opera. +- [SpiderMonkey](https://es.wikipedia.org/wiki/SpiderMonkey) -- en Firefox. +- ... Hay otros nombres como "Trident" y "Chakra" para diferentes versiones de IE, "ChakraCore" para Microsoft Edge, "Nitro" y "SquirrelFish" para Safari, etc. -The terms above are good to remember because they are used in developer articles on the internet. We'll use them too. For instance, if "a feature X is supported by V8", then it probably works in Chrome and Opera. +Es bueno recordar los nombres anteriores porque se usan en artículos de programación. Los usaremos también. Por ejemplo, si "una característica X es compatible con V8", entonces probablemente funcione en Chrome y Opera. -```smart header="How do engines work?" +```smart header="¿Cómo funcionan los motores?" -Engines are complicated. But the basics are easy. +Los motores son complicados. Pero los fundamentos son fáciles. -1. The engine (embedded if it's a browser) reads ("parses") the script. -2. Then it converts ("compiles") the script to the machine language. -3. And then the machine code runs, pretty fast. +1. El motor (incrustado si es un navegador) lee ("analiza") el script. +2. Luego convierte ("compila") el script al lenguaje máquina. +3. Y luego ejecuta el código máquina, bastante rápido. -The engine applies optimizations at each step of the process. It even watches the compiled script as it runs, analyzes the data that flows through it, and applies optimizations to the machine code based on that knowledge. When it's done, scripts run quite fast. +El motor aplica optimizaciones en cada paso del proceso. Incluso observa el script compilado a medida que se ejecuta, analiza los datos que fluyen a través de él y aplica optimizaciones al código de la máquina basándose en ese conocimiento. Los scripts se ejecutan bastante rápido. ``` -## What can in-browser JavaScript do? +## ¿Qué puede hacer JavaScript en el navegador? -Modern JavaScript is a "safe" programming language. It does not provide low-level access to memory or CPU, because it was initially created for browsers which do not require it. +El JavaScript moderno es un lenguaje de programación "seguro". No proporciona acceso de bajo nivel a la memoria o al CPU, ya que se creó inicialmente para los navegadores que no lo requieren. -Javascript's capabilities greatly depend on the environment it's running in. For instance, [Node.JS](https://wikipedia.org/wiki/Node.js) supports functions that allow JavaScript to read/write arbitrary files, perform network requests, etc. +Las capacidades de Javascript dependen en gran medida del entorno en el que se ejecuta. Por ejemplo, [Node.JS](https://es.wikipedia.org/wiki/Node.js) admite funciones que permiten a JavaScript leer/escribir archivos arbitrarios, realizar solicitudes de red, etc. -In-browser JavaScript can do everything related to webpage manipulation, interaction with the user, and the webserver. +En el navegador JavaScript puede hacer todo lo relacionado con la manipulación de la página web, la interacción con el usuario y el servidor web. -For instance, in-browser JavaScript is able to: +Por ejemplo, JavaScript en el navegador es capaz de: -- Add new HTML to the page, change the existing content, modify styles. -- React to user actions, run on mouse clicks, pointer movements, key presses. -- Send requests over the network to remote servers, download and upload files (so-called [AJAX](https://en.wikipedia.org/wiki/Ajax_(programming)) and [COMET](https://en.wikipedia.org/wiki/Comet_(programming)) technologies). -- Get and set cookies, ask questions to the visitor, show messages. -- Remember the data on the client-side ("local storage"). +- Agregar un nuevo HTML a la página, cambiar el contenido existente, modificar los estilos. +- Reaccionar a las acciones del usuario, como clics del ratón, movimientos del puntero, presión de teclas. +- Envíar solicitudes a través de la red a servidores remotos, descargar y cargar archivos (las llamadas tecnologías [AJAX](https://es.wikipedia.org/wiki/AJAX) y [COMET](https://es.wikipedia.org/wiki/Comet)). +- Obtener y configurar cookies, hacer preguntas al visitante, mostrar mensajes. +- Recordar datos del lado del cliente ("local storage"). -## What CAN'T in-browser JavaScript do? +## ¿Qué NO PUEDE hacer JavaScript en el navegador? -JavaScript's abilities in the browser are limited for the sake of the user's safety. The aim is to prevent an evil webpage from accessing private information or harming the user's data. +Las capacidades de JavaScript en el navegador están limitadas para la seguridad del usuario. El objetivo es evitar que una página web maliciosa acceda a información privada o dañe los datos del usuario. -Examples of such restrictions include: +Ejemplos de tales restricciones incluyen: -- JavaScript on a webpage may not read/write arbitrary files on the hard disk, copy them or execute programs. It has no direct access to OS system functions. +- JavaScript en una página web no puede leer/escribir archivos arbitrarios en el disco duro, copiarlos o ejecutar programas. No tiene acceso directo a las funciones del sistema operativo. - Modern browsers allow it to work with files, but the access is limited and only provided if the user does certain actions, like "dropping" a file into a browser window or selecting it via an `` tag. + Los navegadores modernos le permiten trabajar con archivos, pero el acceso es limitado y solo es posible si el usuario realiza ciertas acciones, como "soltar" un archivo en una ventana del navegador o seleccionarlo mediante una etiqueta ``. - There are ways to interact with camera/microphone and other devices, but they require a user's explicit permission. So a JavaScript-enabled page may not sneakily enable a web-camera, observe the surroundings and send the information to the [NSA](https://en.wikipedia.org/wiki/National_Security_Agency). -- Different tabs/windows generally do not know about each other. Sometimes they do, for example when one window uses JavaScript to open the other one. But even in this case, JavaScript from one page may not access the other if they come from different sites (from a different domain, protocol or port). + Hay formas de interactuar con la cámara/micrófono y otros dispositivos, pero requieren el permiso explícito de un usuario. Por lo tanto, una página habilitada para JavaScript no puede acceder a una cámara, observar el entorno y enviar la información a la [NSA](https://es.wikipedia.org/wiki/NASA). +- Diferentes pestañas/ventanas generalmente no se conocen entre sí. A veces lo hacen, por ejemplo, cuando una ventana usa JavaScript para abrir otra. Pero incluso en este caso, el JavaScript de una página no puede acceder a la otra si provienen de sitios diferentes (de un dominio, protocolo o puerto diferente). - This is called the "Same Origin Policy". To work around that, *both pages* must contain a special JavaScript code that handles data exchange. + Esto se llama "Política del mismo origen". Para evitar eso, *ambas páginas* deben contener un código JavaScript especial que maneje el intercambio de datos. - This limitation is, again, for the user's safety. A page from `http://anysite.com` which a user has opened must not be able to access another browser tab with the URL `http://gmail.com` and steal information from there. -- JavaScript can easily communicate over the net to the server where the current page came from. But its ability to receive data from other sites/domains is crippled. Though possible, it requires explicit agreement (expressed in HTTP headers) from the remote side. Once again, that's a safety limitation. + Esta limitación es, nuevamente, para la seguridad del usuario. Una página de http://algunsitio.com que un usuario ha abierto no debe poder acceder a otra pestaña del navegador con la URL http://gmail.com y robar información desde allí. +- JavaScript puede comunicarse con facilidad, por medio de la red, al servidor de donde proviene la página actual. Pero su capacidad para recibir datos de otros sitios/dominios está restringido. Aunque es posible, requiere un acuerdo explícito (expresado en encabezados HTTP) desde el lado remoto. Una vez más, eso es una limitación de seguridad. ![](limitations.png) -Such limits do not exist if JavaScript is used outside of the browser, for example on a server. Modern browsers also allow plugin/extensions which may ask for extended permissions. +Tales límites no existen cuando JavaScript se usa fuera del navegador, por ejemplo, en un servidor. Los navegadores modernos también permiten complementos/extensiones que pueden solicitar permisos extendidos. -## What makes JavaScript unique? +## ¿Qué hace que JavaScript sea único? -There are at least *three* great things about JavaScript: +Hay al menos *tres* grandes cosas sobre JavaScript: ```compare -+ Full integration with HTML/CSS. -+ Simple things are done simply. -+ Support by all major browsers and enabled by default. ++ Integración completa con HTML/CSS. ++ Las cosas simples se hacen de manera simple. ++ Soporte por todos los principales navegadores y está habilitado por defecto. ``` -Javascript is the only browser technology that combines these three things. +Javascript es la única tecnología del navegador que combina estas tres cosas. -That's what makes JavaScript unique. That's why it's the most widespread tool for creating browser interfaces. +Eso es lo que hace que JavaScript sea único. Por eso es la herramienta más extendida para crear interfaces de navegador. -While planning to learn a new technology, it's beneficial to check its perspectives. So let's move on to the modern trends affecting it, including new languages and browser abilities. +Al planear aprender una nueva tecnología, es beneficioso revisar sus perspectivas. Así que vamos a pasar a las tendencias modernas que lo afectan, incluyendo nuevos lenguajes y capacidades del navegador. -## Languages "over" JavaScript +## Lenguajes "sobre" JavaScript -The syntax of JavaScript does not suit everyone's needs. Different people want different features. +La sintaxis de JavaScript no se adapta a todas las necesidades. Diferentes personas quieren características diferentes. -That's to be expected, because projects and requirements are different for everyone. +Eso es de esperarse, porque los proyectos y los requisitos son diferentes para cada persona. -So recently a plethora of new languages appeared, which are *transpiled* (converted) to JavaScript before they run in the browser. +Hace poco apareció una gran cantidad de nuevos lenguajes, que se *transpilan* (convierten) a JavaScript antes de ejecutarse en el navegador. -Modern tools make the transpilation very fast and transparent, actually allowing developers to code in another language and auto-converting it "under the hood". +Las herramientas modernas hacen que la transpilación sea muy rápida y transparente, lo que permite a los desarrolladores codificar en otro lenguaje y convertirlo automáticamente "bajo el capó". -Examples of such languages: +Ejemplos de tales lenguajes: -- [CoffeeScript](http://coffeescript.org/) is a "syntactic sugar" for JavaScript. It introduces shorter syntax, allowing us to write clearer and more precise code. Usually, Ruby devs like it. -- [TypeScript](http://www.typescriptlang.org/) is concentrated on adding "strict data typing" to simplify the development and support of complex systems. It is developed by Microsoft. -- [Dart](https://www.dartlang.org/) is a standalone language that has its own engine that runs in non-browser environments (like mobile apps). It was initially offered by Google as a replacement for JavaScript, but as of now, browsers require it to be transpiled to JavaScript just like the ones above. +- [CoffeeScript](http://coffeescript.org/) es un "azúcar sintáctico" para JavaScript. Introduce una sintaxis más corta, lo que nos permite escribir códigos más claros y precisos. Por lo general, a los desarrolladores de Ruby les agrada. +- [TypeScript](http://www.typescriptlang.org/) se concentra en agregar "tipos de datos estrictos" para simplificar el desarrollo y el soporte de sistemas complejos. Está desarrollado por Microsoft. +- [Dart](https://www.dartlang.org/) es un lenguaje independiente que tiene su propio motor que se ejecuta en entornos sin navegador (como las aplicaciones móviles). Inicialmente, fue ofrecido por Google como un reemplazo de JavaScript, pero a partir de ahora, los navegadores requieren que sea transpilado a JavaScript como los anteriores. -There are more. Of course, even if we use one of these languages, we should also know JavaScript to really understand what we're doing. +Hay más. Por supuesto, incluso si usamos uno de estos lenguajes, también deberíamos conocer JavaScript para entender realmente lo que estamos haciendo. -## Summary +## Resumen -- JavaScript was initially created as a browser-only language, but is now used in many other environments as well. -- Today, JavaScript has a unique position as the most widely-adopted browser language with full integration with HTML/CSS. -- There are many languages that get "transpiled" to JavaScript and provide certain features. It is recommended to take a look at them, at least briefly, after mastering JavaScript. +- JavaScript se creó inicialmente como un lenguaje solo para el navegador, pero ahora también se usa en muchos otros entornos. +- Hoy en día, JavaScript tiene una posición única como el lenguaje de navegador más ampliamente adoptado con integración completa con HTML/CSS. +- Hay muchos lenguajes que se "transpilan" a JavaScript y proporcionan ciertas funcionalidades. Se recomienda echarles un vistazo, al menos brevemente, después de dominar JavaScript. diff --git a/1-js/01-getting-started/3-devtools/article.md b/1-js/01-getting-started/3-devtools/article.md index 14c9c3901..77b01550d 100644 --- a/1-js/01-getting-started/3-devtools/article.md +++ b/1-js/01-getting-started/3-devtools/article.md @@ -1,58 +1,58 @@ -# Developer console +# Consola de desarrollo -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 está propenso a errores. Es probable que los cometas... Oh, ¿de qué estoy hablando? *Absolutamente* vas a 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 los errores. Por lo tanto, si algo sale mal en el script, no veremos qué se rompió y no podremos solucionarlo. -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 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 hacia Chrome o Firefox para el desarrollo porque esos navegadores tienen las mejores herramientas de desarrollo. Otros navegadores también proporcionan herramientas de desarrollo. La mayoría de los desarrolladores tienen un navegador "favorito" y se cambian a otros si se topan con un problema específico en un 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 abrirlos, ver errores y ejecutar comandos de JavaScript. ## Google Chrome -Open the page [bug.html](bug.html). +Abra 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 de JavaScript. El error está oculto a los ojos de un visitante habitual, así que abriremos las herramientas de desarrollo para verlo. -Press `key:F12` or, if you're on Mac, then `key:Cmd+Opt+J`. +Presiona `key:F12` o, si estás en Mac, `key:Cmd+Opt+J`. -The developer tools will open on the Console tab by default. +La herramienta de desarrollo se abrirá, por defecto, en la pestaña Consola. -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 desarrollo depende de su versión de Chrome. Cambia de vez en cuando pero no debería variar mucho. -- 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 al archivo `bug.html:12` con el número de línea donde ocurrió 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. Señala una "línea de comando" donde podemos escribir comandos de JavaScript. Presiona `key:Enter` para ejecutarlos (`key: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 los errores, y eso es suficiente para empezar. Volveremos a las herramientas de desarrollo más adelante y cubriremos la depuración más a fondo en el capítulo [Depuración en Chrome](/debugging-chrome). -## 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 `key:F12` para abrir las herramientas de desarrollo. -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. +El aspecto 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 (el navegador Mac, no compatible con Windows/Linux) es un poco especial. Primero necesitamos habilitar 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 con `key:Cmd+Opt+C` puede alternar la consola. Además, ten en cuenta que apareció un nuevo elemento en el menú superior llamado "Develop". Tiene muchos comandos y opciones. -## 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 de desarrollo nos permiten ver errores, ejecutar comandos, examinar variables y mucho más. +- Se pueden abrir con `key:F12` en la mayoría de los navegadores en Windows. Chrome para Mac necesita `key:Cmd+Opt+J`, Safari: `key:Cmd+Opt+C` (es necesario habilitarlo primero). -Now we have the environment ready. In the next section, we'll get down to JavaScript. +Ahora tenemos nuestro entorno listo. En la siguiente sección, nos sumergiremos en JavaScript. diff --git a/1-js/02-first-steps/01-hello-world/article.md b/1-js/02-first-steps/01-hello-world/article.md index a24d3dcaa..44cebf8c8 100644 --- a/1-js/02-first-steps/01-hello-world/article.md +++ b/1-js/02-first-steps/01-hello-world/article.md @@ -1,17 +1,16 @@ # Hello, world! -The tutorial that you're reading is about core JavaScript, which is platform-independent. Later on, you'll learn about Node.JS and other platforms that use it. +El tutorial que estás leyendo trata sobre el nucleo de JavaScript, que es independiente de la plataforma. Más adelante, aprenderás sobre Node.JS y otras plataformas que lo utilizan. -But we need a working environment to run our scripts and, since this book is online, the browser is a good choice. We'll keep the amount of browser-specific commands (like `alert`) to a minimum so that you don't spend time on them if you plan to concentrate on another environment (like Node.JS). We'll focus on JavaScript in the browser in the [next part](/ui) of the tutorial. +Necesitamos un entorno de trabajo para ejecutar nuestros scripts y, dado que este libro está en línea, el navegador es una buena opción. Mantendremos la cantidad de comandos específicos del navegador (como `alert`) a un mínimo para que no dedique tiempo a ellos si planea concentrarse en otro entorno (como Node.JS). Nos centraremos en JavaScript en el navegador en la [siguiente parte](/ui) del tutorial. -So first, let's see how we attach a script to a webpage. For server-side environments (like Node.JS), you can execute the script with a command like `"node my.js"`. +A continuacion, veremos cómo adjuntar un script a una página web. Para entornos del lado del servidor (como Node.JS), puede ejecutar el script con el comando `"node my.js"`. +## La etiqueta "script" -## The "script" tag +Los programas de JavaScript se pueden insertar en cualquier parte de un documento HTML con la ayuda de la etiqueta ` */!* -

...After the script.

+

...Después del script.

@@ -35,24 +34,25 @@ For instance: ``` ```online -You can run the example by clicking the "Play" button in the right-top corner of the box above. +Puede ejecutar el ejemplo haciendo clic en el botón "Play" en la esquina superior derecha del cuadro de arriba. ``` -The ` ``` - This trick isn't used in modern JavaScript. These comments hid JavaScript code from old browsers that didn't know how to process the ` ``` +Aquí, `/path/to/script.js` es una ruta absoluta al archivo de script (desde la raíz del sitio). -Here, `/path/to/script.js` is an absolute path to the script file (from the site root). - -You can also provide a relative path from the current page. For instance, `src="script.js"` would mean a file `"script.js"` in the current folder. +También puede proporcionar una ruta relativa desde la página actual. Por ejemplo, `src="script.js"` significaría un archivo `"script.js"` en la carpeta actual. -We can give a full URL as well. For instance: +También podemos dar una URL completa. Por ejemplo: ```html ``` -To attach several scripts, use multiple tags: +Para adjuntar varios scripts, use varias etiquetas: ```html @@ -91,30 +90,30 @@ To attach several scripts, use multiple tags: … ``` -```smart -As a rule, only the simplest scripts are put into HTML. More complex ones reside in separate files. +```smart header="Nota:" +Como regla general, solo los scripts más simples se colocan en el HTML. Los más complejos residen en archivos separados. -The benefit of a separate file is that the browser will download it and store it in its [cache](https://en.wikipedia.org/wiki/Web_cache). +La ventaja de un archivo separado es que el navegador lo descargará y lo almacenará en [caché](https://es.wikipedia.org/wiki/Caché_(informática)). -Other pages that reference the same script will take it from the cache instead of downloading it, so the file is actually downloaded only once. +Otras páginas que hacen referencia al mismo script lo tomarán del caché en lugar de descargarlo, por lo que el archivo se descarga solo una vez. -That reduces traffic and makes pages faster. +Eso reduce el tráfico y hace que las páginas sean más rápidas. ``` -````warn header="If `src` is set, the script content is ignored." -A single ` ``` -We must choose either an external ` @@ -124,11 +123,10 @@ The example above can be split into two scripts to work: ``` ```` -## Summary - -- We can use a ``. +## Resumen +- Podemos usar una etiqueta ``. -There is much more to learn about browser scripts and their interaction with the webpage. But let's keep in mind that this part of the tutorial is devoted to the JavaScript language, so we shouldn't distract ourselves with browser-specific implementations of it. We'll be using the browser as a way to run JavaScript, which is very convenient for online reading, but only one of many. +Hay mucho más que aprender sobre los scripts del navegador y su interacción con la página web. Pero tengamos en cuenta que esta parte del tutorial está dedicada al lenguaje JavaScript, por lo que no debemos distraernos con implementaciones específicas del navegador. Usaremos el navegador como una forma de ejecutar JavaScript, ya que es conveniente en una lectura en línea, pero ten en cuenta que solo es una de muchas formas.