JavaScript: Guía completa. Alessandra Salvaggio

a parte, JavaScript es un lenguaje que vale la pena tener en cuenta para proyectos propios y, si aún necesitas más confirmaciones, te aconsejamos que visites la página http://shouldilearnjavascript.com/.

JavaScript y ECMAScript

      Existen 8 versiones de ECMA-262; la publicación de nuevas versiones se produce en estos momentos anualmente, por lo que, desde la edición 6 del estándar, el nombre de la versión sigue el año de publicación, aunque se ha elegido mantener también el número de orden de las ediciones.

      La última versión disponible en estos momentos es ECMAScript 2017, también conocida como ES8 por ser la octava edición del estándar. Existe una nueva versión, la ECMAScript 2018, en fase avanzada de definición.

      Si consideramos el ámbito que nos interesa (el web), esta última edición es incluso demasiado nueva para contar con un buen soporte por parte de los navegadores.

      Podemos decir que las versiones de referencia son la 5 y la 6 (la primera conocida también con el nombre del año, ECMAScript 2015).

NOTA

El proyecto Kangax en GitHub aporta algunas tablas que detallan el nivel de compatibilidad de los navegadores (y de aplicaciones como Node.js), en función de la edición de ECMAScript:ES5: https://kangax.github.io/compat-table/es5/ES6: https://kangax.github.io/compat-table/es6/ES2016/2017: http://kangax.github.io/compat-table/es2016plus/

      A finales de 2017, los cuatro navegadores principales (Chrome, Safari, Firefox y Microsoft

      Edge) cuentan con un muy buen soporte (>95 %) del ES6; es a esta versión a la que haremos referencia en este libro.

Los hermanos de JavaScript

      Las críticas de los teóricos hacia JavaScript favorecieron el nacimiento de variantes de JavaScript que lo “mejoran” en los puntos considerados como más débiles.

      Los programas escritos con estos lenguajes, para no perder la posibilidad de ser utilizados dentro de los navegadores, los cuales soportan solo programas escritos en Java­Script, deben ser posteriormente traducitos a JavaScript. La traducción se lleva a cabo de forma automática por medio de programas especiales denominados transpiler, que toman el programa escrito en un lenguaje y lo traducen a otro programa escrito en un lenguaje distinto.

      Entre estos lenguajes variantes de JavaScript, uno de los más populares es el TypeScript de Microsoft. Angular, uno de los frameworks de JavaScript más utilizados, desde su versión 2, está escrito en TypeScript y no en JavaScript.

Cómo escribir código JavaScript

       Antes de empezar a describir el potencial de JavaScript, queremos hacer una panorámica de las herramientas que pueden ser útiles para trabajar y mostrar cómo integrar los comandos de este lenguaje en las páginas HTML .

       Temas tratados

      •Herramientas de trabajo

      •Integración de código JavaScript en páginas HTML

      Empecemos por las herramientas de trabajo.

Herramientas de trabajo

      Si bien, teóricamente, para escribir código JavaScript y HTML basta con disponer de un editor de textos (como el Bloc de notas) y un navegador, cuando se empieza a escribir código de un modo un poco más “serio”, las herramientas adecuadas pueden realmente marcar la diferencia.

      Sin pretender ser exhaustivos, en las páginas siguientes proponemos una panorámica de las herramientas (gratuitas) más conocidas.

      Editor de texto

      Una primera alternativa al Bloc de notas está formada por editores de texto “más evolucionados”.

      Recordemos tres de ellos:Notepad ++, Atom y Visual Studio.

      El primero de ellos, Notepad ++, es un editor gratuito que puede descargarse desde el sitio https://notepad-plus-plus.org/.

      Su interfaz es sencilla y de fácil uso.

      Dispone de una serie de características muy útiles:

      •Resaltado de la sintaxis.

      •Agrupación de partes homogéneas de código (Syntax Folding) para poder ocultar o mostrar partes de un documento largo.

      •Resaltado de la sintaxis y Syntax Folding personalizado por el usuario.

      •Resaltado de los paréntesis.

      •Búsqueda/reemplazo mediante expresiones regulares (Perl Compatible Regular Expression).

      •Función Autocompletar de la sintaxis.

      •Marcadores.

      •Pantalla con pestañas.

      •Visualización de documentos en paralelo para su comparación.

      Atom es un editor gratuito que se puede descargar desde el sitio https://atom.io/ disponible para distintas plataformas (OS X, Windows y Linux). Puede ser completado con distintos paquetes de código abierto y dispone de soporte para el sistema de control de versiones Git.

      Entre los puntos fuertes de Atom se encuentra:

      •Función Autocompletar.

      •Resaltado de la sintaxis.

      •Función de búsqueda y reemplazo entre distintos archivos.

      •Posibilidad de abrir varios archivos en paneles paralelos para poder compararlos.

      Visual Studio Code es el editor que hemos utilizado para escribir los ejemplos de este libro. También hemos dedicado un apéndice a su instalación y configuración. Es un editor desarrollado por Microsoft para diversas plataformas (OS X, Windows y Linux). Se trata de una herramienta gratuita que se puede descargar desde la página https://code.visualstudio.com/.

      Dispone de Git integrado y se puede completar con otros paquetes.

      Entre sus puntos fuertes se encuentran:

      •Función Autocompletar.

      •Resaltado de la sintaxis.

      •Función de búsqueda y reemplazo entre distintos archivos.

      •Posibilidad de fijar breakpoints o puntos de interrupción.

      •Trabaja directamente con archivos y carpetas sin necesidad de crear proyectos.

      Linter

      Un linter es un programa que por lo general se integra con un editor de código y permite resaltar