El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

Desarrolladores: Trucos semanales

Aprende ES6

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Aprende los mejores trucos y tips, y descubre los conceptos básicos indispensable para todo desarrollador web, independientemente de tu experiencia. Si ya llevas desarrollando por años o si vienes del mundo del diseño y jamás has tocado una sola línea de código, todo lo que aprenderás con esta serie semanal de trucos serán una gran adición a tu actividad profesional y apuntalará tus habilidades como programador o desarrollador. Descubre desde increíbles consejos para que puedas tratar con tu cliente y saber cómo cobrar adecuadamente, hasta cuestiones técnicas claves para organizar y gestionar mejor tu tiempo y proyectos desarrollando.
05:06
  Añadir a marcadores

Transcripción

ES6 es la nueva especificación que usa JavaScript y que está permitido en todos los navegadores actuales. Con ES6 se ajusta JavaScript al paradigma orientado a objetos y alcanza un nivel que hace muchos años se buscaba en ese lenguaje. Al seguir JavaScript el paradigma orientado a objetos, desarrollar aplicaciones o sitios web se hace más sencillo, pues nos permite generar clases, u objetos con propiedades, pero lo mejor de todo es que podemos seguir buenas prácticas que nos harán poder usar o dar mantenimiento a casi cualquier código que generes con ES6. Además, muchos frameworks y herramientas basadas en JavaScript ya lo usan, por lo que aprender a trabajar con esa especificación es necesario. Si bien no todos los navegadores actuales soportan oficialmente ES6, existen los medios necesarios para poder soportarlo y que en el momento en que los navegadores como Chrome, Firefox o Safari lo hagan, el paso y soporte de nuestras aplicaciones generadas con ES6 sea completamente transparente. Conozcamos ahora algunos de los puntos más fuertes para generar una aplicación con ES6. ES6 es la nueva versión de la especificación que se está utilizando para JavaScript, que puedes encontrar también como ES2015. Esta nueva especificación incluye muchos cambios en el lenguaje JavaScript, incluye nuevos métodos, cuestiones que nos permite tener un acercamiento completo orientado a objetos. Y ahora, se ha aprovechado también, y el acercamiento que se ha tenido por distintas tecnologías, ha sido tan amplio y tan vasto, que frameworks o librerías muy potentes como pueden ser React o Angular en su nueva versión, ya implementan directamente esta nueva versión de ECMAScript. Ahora, tenemos dos sabores principales con los que podemos trabajar directamente con esta nueva especificación. Uno de ellos es trabajar a través de Babel. Con Babel estaremos utilizando JavaScript tal cual será nuevo en esta nueva especificación. Recordemos algo, esta especificación todavía no está completamente integrada en todos los navegadores, por lo cual, si tú ejecutas código directamente de esta nueva versión, simplemente no se va a ejecutar, a menos que lo ejecutes en versiones especiales de navegadores como Firefox Developer o Google Chrome Canary. Para esto, necesita usar traspiladores que podemos instalar con Babel, o incluso también con TypeScript. Si trabajas con TypeScript, aquí nosotros podemos construir realmente aplicaciones muy robustas basadas en JavaScript. Este tipo de traspiladores o lenguajes, que más que lenguajes es un Subset de este lenguaje, nos va a permitir a nosotros generar aplicaciones de una manera muy rápida. Y solamente instalando el traspilador como npm install -g typescript, y a partir de aquí, podemos generar nuestros archivos. Existe una integración muy fuerte y robusta con distintas herramientas como VisualStudio o VisualStudioCode, Sublime, Atom, WebStorm, Vim, Emacs o Eclipse. Nosotros podemos utilizar y trabajar con cualquiera de ellas, la recomendación es, si te vas a meter ya de lleno al mundo de ES6, comienza a trabajar con TypeScript, es un Subset bastante robusto, que nos va a permitir generar aplicaciones muy rápido. Incluso, si llegas a trabajar con Angular2, por ejemplo, cuando trabajas con Angular2 tienes dos opciones para trabajar y dentro de estas opciones con las cuales puedes trabajar, se encuentra TypeScript, y al trabajar entonces con TypeScript tienes el respaldo de ese lenguaje que es bastante robusto y además tiene un soporte de Microsoft donde han estado trabajando ya desde hace varios años con este tipo de lenguajes. También es importante saber que con TypeScript se han estado utilizando muchos tipos de frameworks nuevos como pueden ser NativeScript, el cuál me va a permitir a mí llegar y alcanzar aplicaciones nativas generadas con JavaScript en esta nueva versión. Entonces tienes estas dos opciones, si quieres trabajar con la forma tradicional que tendrá después JavaScript, puedes trabajar con Babel. Pero si quieres trabajar con una forma interactiva que ya está incluida en frameworks muy conocidos como Ionic, Angular 2, NativeScript, etc., te recomiendo trabajar con TypeScript encarecidamente. Es un lenguaje que va a valer la pena para que puedas entender por completo todo lo que tiene que ver con ES6. Si entras al sitio typescriptlang.org, puedes acceder a la opción Playground. Y aquí en Playground puedes probar todos los conceptos y cómo funcionan, cómo se ejecutan. Tal cual, simplemente generas un código y se va a estar mostrando de este lado. Y si trabajas en tu computadora, se va a generar en la parte de abajo y tendrás que hacer un proceso de traspilado, es decir, traducir todo ese código. Tú solamente lo ejecutas y el traspilador se va a encargar de volverlo adecuado para que pueda ser ejecutado en casi cualquier navegador.