From 5509a33f582dfad77d3c298bb94c4d8e5fbd676c Mon Sep 17 00:00:00 2001 From: lizzie136 Date: Fri, 15 Feb 2019 19:50:09 -0600 Subject: [PATCH 1/4] Spanish Translation js/1-getting-started/code-editors - Translate to spanish the article.md file for `Code Editors` in the getting started sections. - Could not translate `shareware` properly so leave it as it is. --- .../2-code-editors/article.md | 62 +++++++++---------- 1 file changed, 31 insertions(+), 31 deletions(-) diff --git a/1-js/01-getting-started/2-code-editors/article.md b/1-js/01-getting-started/2-code-editors/article.md index d36561bc6..a8c1dfcc4 100644 --- a/1-js/01-getting-started/2-code-editors/article.md +++ b/1-js/01-getting-started/2-code-editors/article.md @@ -1,57 +1,57 @@ -# Code editors +# Editores de Código -A code editor is the place where programmers spend most of their time. +Un editor de código es el lugar donde los programadores pasan la mayor parte de su tiempo. -There are two main types of code editors: IDEs and lightweight editors. Many people use one tool of each type. +Hay dos principales tipos de editores de código: IDEs y editores livianos. Muchas personas usan una herramienta de cada tipo. ## IDE -The term [IDE](https://en.wikipedia.org/wiki/Integrated_development_environment) (Integrated Development Environment) refers to a powerful editor with many features that usually operates on a "whole project." As the name suggests, it's not just an editor, but a full-scale "development environment." +El término [IDE](https://en.wikipedia.org/wiki/Integrated_development_environment) (siglas en inglés para Integrated Development Environment, Ambiente Integrado de Desarrollo) se refiere a un poderoso editor con varias características que operan usualmente sobre un "proyecto completo". Como el nombre sugiere, no sólo es un editor, sino un completo "ambiente de desarrollo". -An IDE loads the project (which can be many files), allows navigation between files, provides autocompletion based on the whole project (not just the open file), and integrates with a version management system (like [git](https://git-scm.com/)), a testing environment, and other "project-level" stuff. +Un IDE carga el proyecto (el cual puede ser de varios archivos), permite navegar entre archivos, provee autompletado basado en el proyecto completo (no sólo el archivo abierto), e integra un sistema de control de versiones (como [git](https://git-scm.com/)), un ambiente de pruebas, entre otras cosas a "nivel de proyecto". -If you haven't selected an IDE yet, consider the following options: +Si aún no has seleccionado un IDE, considera las siguientes opciones: -- [WebStorm](http://www.jetbrains.com/webstorm/) for frontend development. The same company offers other editors for other languages (paid). -- [Netbeans](http://netbeans.org/) (free). +- [WebStorm](http://www.jetbrains.com/webstorm/) para desarrollo frontend. La misma compañía ofrece otros editores para otros lenguajes (de paga). +- [Netbeans](http://netbeans.org/) (gratuito). -All of these IDEs are cross-platform. +Todos estos IDEs son multiplataforma ( cross-platform). -For Windows, there's also "Visual Studio", not to be confused with "Visual Studio Code." "Visual Studio" is a paid and mighty Windows-only editor, well-suited for the .NET platform. A free version of it is called [Visual Studio Community](https://www.visualstudio.com/vs/community/). +Para Windows, también esta "Visual Studio", no lo confundamos con "Visual Studio Code". "Visual Studio" es un poderoso editor pagado sólo para Windows, idoneo para la plataforma .NET. Una versión gratuita es de este editor se llama [Visual Studio Community](https://www.visualstudio.com/vs/community/). -Many IDEs are paid but have a trial period. Their cost is usually negligible compared to a qualified developer's salary, so just choose the best one for you. +Muchos IDEs son de paga pero tienen un periodo de prueba. Su costo usualmente es pequeño si lo comparamos al salario de un desarrollador calificado, así que sólo escoge el mejor para ti. -## Lightweight editors +## Editores livianos -"Lightweight editors" are not as powerful as IDEs, but they're fast, elegant and simple. +"Editores livianos" no son tan poderosos como los IDEs, pero son rápidos, elegantes y simples. -They are mainly used to open and edit a file instantly. +Son usados principalmente para abrir y editar un archivo al instante. -The main difference between a "lightweight editor" and an "IDE" is that an IDE works on a project-level, so it loads much more data on start, analyzes the project structure if needed and so on. A lightweight editor is much faster if we need only one file. +La diferencia principal entre un "editor liviano" y un "IDE" es que un IDE trabaja a nivel de proyecto, por lo que carga mucha más data desde el inicio, analiza la estructura del proyecto si así lo requiere y continua. Un editor liviano es mucho más rápido si solo necesitamos un archivo. -In practice, lightweight editors may have a lot of plugins including directory-level syntax analyzers and autocompleters, so there's no strict border between a lightweight editor and an IDE. +En la práctica, los editores livianos pueden tener montones de plugins incluyendo analizadores de sintaxis a nivel de directorio y autocompletadores, por lo que no hay un límite estricto entre un editor liviano y un IDE. -The following options deserve your attention: +Las siguientes opciones merecen tu atención: -- [Visual Studio Code](https://code.visualstudio.com/) (cross-platform, free) also has many IDE-like features. -- [Atom](https://atom.io/) (cross-platform, free). -- [Sublime Text](http://www.sublimetext.com) (cross-platform, shareware). -- [Notepad++](https://notepad-plus-plus.org/) (Windows, free). -- [Vim](http://www.vim.org/) and [Emacs](https://www.gnu.org/software/emacs/) are also cool if you know how to use them. +- [Visual Studio Code](https://code.visualstudio.com/) (multiplataforma, gratuito) además tiene varias características similar a un IDE. +- [Atom](https://atom.io/) (multiplataforma, gratuito). +- [Sublime Text](http://www.sublimetext.com) (multiplataforma, shareware). +- [Notepad++](https://notepad-plus-plus.org/) (Windows, gratuito). +- [Vim](http://www.vim.org/) y [Emacs](https://www.gnu.org/software/emacs/) son geniales también si sabes como usarlos. -## My favorites +## Mis favoritos -The personal preference of the author is to have both an IDE for projects and a lightweight editor for quick and easy file editing. +La preferencia personal del autor es tener ambos, un IDE para proyectos y un editor liviano para editar un archivo de manera rápido y sencilla. -I'm using: +Estoy usando: -- As an IDE for JS -- [WebStorm](http://www.jetbrains.com/webstorm/) (I switch to one of the other JetBrains offerings when using other languages) -- As a lightweight editor -- [Sublime Text](http://www.sublimetext.com) or [Atom](https://atom.io/). +- Como IDE para JS -- [WebStorm](http://www.jetbrains.com/webstorm/) (Cambio a algún otros de los que ofrece JetBrains cuando uso otros lenguajes) +- Como un editor liviano -- [Sublime Text](http://www.sublimetext.com) o [Atom](https://atom.io/). -## Let's not argue +## No discutamos -The editors in the lists above are those that either I or my friends whom I consider good developers have been using for a long time and are happy with. +Los editores en las listas anteriores son aquellos que yo o mis amigos a quienes considero buenos programadores hemos estado usando por un largo tiempo y con los que somos felices. -There are other great editors in our big world. Please choose the one you like the most. +Existen otros grandes editores en este gran mundo. Por favor escoge el que más te guste. -The choice of an editor, like any other tool, is individual and depends on your projects, habits, and personal preferences. +La elección de un editor, como cualquier otra herramienta, es individual y depende de tus proyectos, hábitos y preferencias personales. From 030b88d69a7dc91efc1992448325446b157348ad Mon Sep 17 00:00:00 2001 From: lizzie136 Date: Wed, 27 Feb 2019 10:19:28 -0600 Subject: [PATCH 2/4] =?UTF-8?q?Correcci=C3=B3n=20de=20acentos=20y=20frases?= =?UTF-8?q?=20de=20getting-started/code-editor?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Corrección de acentos en línea 20. Corrección de autompletado por autocompletado. Cambiar link de IDE (wiki) de Inglés a español Data por Información en línea 30 Frase de la lína 48 sobre el uso de IDEs. --- 1-js/01-getting-started/2-code-editors/article.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/1-js/01-getting-started/2-code-editors/article.md b/1-js/01-getting-started/2-code-editors/article.md index a8c1dfcc4..9c1062fdd 100644 --- a/1-js/01-getting-started/2-code-editors/article.md +++ b/1-js/01-getting-started/2-code-editors/article.md @@ -6,9 +6,9 @@ Hay dos principales tipos de editores de código: IDEs y editores livianos. Much ## IDE -El término [IDE](https://en.wikipedia.org/wiki/Integrated_development_environment) (siglas en inglés para Integrated Development Environment, Ambiente Integrado de Desarrollo) se refiere a un poderoso editor con varias características que operan usualmente sobre un "proyecto completo". Como el nombre sugiere, no sólo es un editor, sino un completo "ambiente de desarrollo". +El término [IDE](https://es.wikipedia.org/wiki/Entorno_de_desarrollo_integrado) (siglas en inglés para Integrated Development Environment, Ambiente Integrado de Desarrollo) se refiere a un poderoso editor con varias características que operan usualmente sobre un "proyecto completo". Como el nombre sugiere, no sólo es un editor, sino un completo "ambiente de desarrollo". -Un IDE carga el proyecto (el cual puede ser de varios archivos), permite navegar entre archivos, provee autompletado basado en el proyecto completo (no sólo el archivo abierto), e integra un sistema de control de versiones (como [git](https://git-scm.com/)), un ambiente de pruebas, entre otras cosas a "nivel de proyecto". +Un IDE carga el proyecto (el cual puede ser de varios archivos), permite navegar entre archivos, provee autocompletado basado en el proyecto completo (no sólo el archivo abierto), e integra un sistema de control de versiones (como [git](https://git-scm.com/)), un ambiente de pruebas, entre otras cosas a "nivel de proyecto". Si aún no has seleccionado un IDE, considera las siguientes opciones: @@ -17,7 +17,7 @@ Si aún no has seleccionado un IDE, considera las siguientes opciones: Todos estos IDEs son multiplataforma ( cross-platform). -Para Windows, también esta "Visual Studio", no lo confundamos con "Visual Studio Code". "Visual Studio" es un poderoso editor pagado sólo para Windows, idoneo para la plataforma .NET. Una versión gratuita es de este editor se llama [Visual Studio Community](https://www.visualstudio.com/vs/community/). +Para Windows, también está "Visual Studio", no lo confundamos con "Visual Studio Code". "Visual Studio" es un poderoso editor pagado sólo para Windows, idóneo para la plataforma .NET. Una versión gratuita es de este editor se llama [Visual Studio Community](https://www.visualstudio.com/vs/community/). Muchos IDEs son de paga pero tienen un periodo de prueba. Su costo usualmente es pequeño si lo comparamos al salario de un desarrollador calificado, así que sólo escoge el mejor para ti. @@ -27,9 +27,9 @@ Muchos IDEs son de paga pero tienen un periodo de prueba. Su costo usualmente es Son usados principalmente para abrir y editar un archivo al instante. -La diferencia principal entre un "editor liviano" y un "IDE" es que un IDE trabaja a nivel de proyecto, por lo que carga mucha más data desde el inicio, analiza la estructura del proyecto si así lo requiere y continua. Un editor liviano es mucho más rápido si solo necesitamos un archivo. +La diferencia principal entre un "editor liviano" y un "IDE" es que un IDE trabaja a nivel de proyecto, por lo que carga mucha más información desde el inicio, analiza la estructura del proyecto si así lo requiere y continua. Un editor liviano es mucho más rápido si solo necesitamos un archivo. -En la práctica, los editores livianos pueden tener montones de plugins incluyendo analizadores de sintaxis a nivel de directorio y autocompletadores, por lo que no hay un límite estricto entre un editor liviano y un IDE. +En la práctica, los editores livianos pueden tener montones de plugins incluyendo analizadores de sintaxis a nivel de directorio y autocompletado, por lo que no hay un límite estricto entre un editor liviano y un IDE. Las siguientes opciones merecen tu atención: @@ -45,7 +45,7 @@ La preferencia personal del autor es tener ambos, un IDE para proyectos y un edi Estoy usando: -- Como IDE para JS -- [WebStorm](http://www.jetbrains.com/webstorm/) (Cambio a algún otros de los que ofrece JetBrains cuando uso otros lenguajes) +- Como IDE para JS -- [WebStorm](http://www.jetbrains.com/webstorm/) (Uso alguno de los que ofrece JetBrains cuando uso otros lenguajes) - Como un editor liviano -- [Sublime Text](http://www.sublimetext.com) o [Atom](https://atom.io/). ## No discutamos From af287f9fbd86e3c276c1859324c462a04a5229f0 Mon Sep 17 00:00:00 2001 From: Tomas Scandalitta <38343557+tscandalitta@users.noreply.github.com> Date: Fri, 5 Apr 2019 23:35:34 -0300 Subject: [PATCH 3/4] =?UTF-8?q?traducci=C3=B3n=20=2001-getting-started?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 1-js/01-getting-started/1-intro/article.md | 134 ++++++++++----------- 1 file changed, 67 insertions(+), 67 deletions(-) diff --git a/1-js/01-getting-started/1-intro/article.md b/1-js/01-getting-started/1-intro/article.md index a611d960a..f81b4e9dd 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 Intrucció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 conseguir con él y qué otras tecnologías funcionan bien con él. -## What is JavaScript? +## Qué es JavaScript? -*JavaScript* was initially created to *"make web pages alive"*. +*JavaScript* fue creado inicialmente para *"hacer que las páginas web estén vivas"*. -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*. Pueden ser escritos directamente en el HTML de una página web y ejecutados automáticamente a medida que la página se carga. -Scripts are provided and executed as plain text. They don't need special preparation or compilation to run. +Los scripts se presentan y ejecutan como texto plano. No necesitan preparación o compilación especial para ejecutarse. -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 a 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 esa época, así que se decidió que posicionar un nuevo lenguaje como el "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 evolucionó, JavaScript se convirtió en un lenguaje totalmente independiente con su propia especificación denominada [ECMAScript](https://es.wikipedia.org/wiki/ECMAScript), y ahora no tiene ninguna relación con Java en absoluto. ``` -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 sólo en el navegador, sino también en el servidor, o en cualquier dispositivo que tenga un programa especial llamado [el motor de JavaScript] (https://es.wikipedia.org/wiki/Int%C3%A9rprete_de_JavaScript). -The browser has an embedded engine sometimes called a "JavaScript virtual machine". +El navegador tiene un motor incrustado a veces llamado "máquina virtual de JavaScript". -Different engines have different "codenames". For example: +Diferentes motores tienen diferentes "nombres en clave". 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 en clave 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. +Los términos anteriores son buenos para recordar porque se utilizan en artículos para desarrolladores en Internet. Nosotros los usaremos también. Por ejemplo, si "una característica X es soportada por 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 sencillos. -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 entonces el código máquina se ejecuta, 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 mientras se ejecuta, analiza los datos que fluyen a través de él y aplica optimizaciones al código máquina basadas en ese conocimiento. Cuando está hecho, los scripts se ejecutan bastante rápido. ``` -## What can in-browser JavaScript do? +## ¿Qué puede hacer JavaScript dentro del 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 a la CPU, ya que fue creado inicialmente para 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) soporta funciones que le permiten a JavaScript leer/escribir archivos arbitrarios, realizar peticiones de red, etc. -In-browser JavaScript can do everything related to webpage manipulation, interaction with the user, and the webserver. +JavaScript en el navegador puede hacer todo lo relacionado con manipulación de páginas 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 nuevo HTML a la página, cambiar el contenido existente, modificar estilos. +- Reaccionar a las acciones del usuario, ejecutarse ante clics del ratón, movimientos del puntero, pulsaciones de teclas. +- Enviar 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 establecer cookies, hacer preguntas al visitante, mostrar mensajes. +- Recordar los datos en el lado del cliente ("almacenamiento local"). -## 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 por el bien de la seguridad del usuario. El objetivo es evitar que una página web malintencionada acceda a información privada o perjudique 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 sólo se proporciona 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 del usuario. Por lo tanto, no es posible que una página con JavaScript habilite sigilosamente una cámara web, observe el entorno y envíe la información a la [NSA] (https://es.wikipedia.org/wiki/Agencia_de_Seguridad_Nacional). +- Las diferentes pestañas/ventanas generalmente no se conocen entre sí. A veces lo hacen, por ejemplo cuando una ventana utiliza JavaScript para abrir la otra. Pero incluso en este caso, no es posible que JavaScript de una página pueda 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 denomina "Política de Mismo Origen". Para evitarlo, *ambas páginas* deben contener un código JavaScript especial que se encargue del 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, una vez más, para la seguridad del usuario. Una página de `http://cualquiersitio.com` que un usuario haya abierto no debe poder acceder a otra pestaña del navegador con la URL ``http://gmail.com` y robar información de allí. +- JavaScript puede comunicarse fácilmente a través de la red con el servidor de donde proviene la página actual. Pero su capacidad para recibir datos de otros sitios/dominios está paralizada. Aunque es posible, requiere un acuerdo explícito (expresado en cabeceras HTTP) desde el lado remoto. Una vez más, es una limitación de seguridad. -![](limitations.png) +![](limitaciones.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. +Estos límites no existen si JavaScript se utiliza fuera del navegador, por ejemplo, en un servidor. Los navegadores modernos también permiten plugin/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 por lo menos *tres* grandes cosas de 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 sencilla. ++ Soporte de los principales navegadores y habilitado por defecto. ``` -Javascript is the only browser technology that combines these three things. +Javascript es la única tecnología de 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 pasemos a las tendencias modernas que lo afectan, incluyendo nuevos idiomas y capacidades de navegación. -## 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 las necesidades de todos. Diferentes personas quieren diferentes características. -That's to be expected, because projects and requirements are different for everyone. +Eso es de esperar, porque los proyectos y los requisitos son diferentes para cada uno. -So recently a plethora of new languages appeared, which are *transpiled* (converted) to JavaScript before they run in the browser. +Así que recientemente apareció una plétora de nuevos lenguajes, los cuales son *transpilados* (convertidos) a JavaScript antes de que se ejecuten 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 programar en otro lenguaje y autoconvertirlo "bajo el capó". -Examples of such languages: +Ejemplos de estos idiomas: -- [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 "syntactic sugar" para JavaScript. Introduce una sintaxis más corta, lo que nos permite escribir un código más claro y preciso. Normalmente, a los programadores de Ruby les gusta. +- [TypeScript](http://www.typescriptlang.org/) se concentra en añadir "escritura de datos estricta" para simplificar el desarrollo y el soporte de sistemas complejos. Es desarrollado por Microsoft. +- [Dart](https://www.dartlang.org/) es un lenguaje independiente que tiene su propio motor que funciona en entornos que no son navegadores (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 de arriba. -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 fue creado inicialmente como un lenguaje sólo para navegadores, pero ahora también es utilizado en muchos otros entornos. +- Hoy en día, JavaScript tiene una posición única como el lenguaje para navegadores más ampliamente utilizado con plena integración con HTML/CSS. +- Hay muchos lenguajes que se "transpilan" a JavaScript y proporcionan ciertas características. Se recomienda echarles un vistazo, al menos brevemente, después de dominar JavaScript. From 20e49b429e82a45e60d47403eaffcb0624346528 Mon Sep 17 00:00:00 2001 From: Tomas Scandalitta <38343557+tscandalitta@users.noreply.github.com> Date: Sat, 6 Apr 2019 13:47:24 -0300 Subject: [PATCH 4/4] Update article.md --- 1-js/01-getting-started/1-intro/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/01-getting-started/1-intro/article.md b/1-js/01-getting-started/1-intro/article.md index ac7ded31f..5c1e2f71b 100644 --- a/1-js/01-getting-started/1-intro/article.md +++ b/1-js/01-getting-started/1-intro/article.md @@ -1,4 +1,4 @@ -# Una Intrucción a Javascript +# Una Introducción a Javascript Veamos qué tiene de especial JavaScript, qué podemos conseguir con él y qué otras tecnologías funcionan bien con él.