Aprende JavaScript moderno

Como ya sabes JavaScript es un lenguaje que cambia constantemente y como desarrolladores/as Web es nuestra obligación estar al día. Si tienes experiencia utilizando JavaScript probablemente uses un pequeño porcentaje (ES5, de 2009) de todo lo que ofrece el lenguaje. Me estoy refiriendo a ES2015, ES2016, ES2017 y Es2019. En esta serie de lecciones iremos viendo algunas de las nuevas características de JavaScript y cómo pueden hacer la vida más fácil en tu día a día profesional, tales como:

Promesas.
Módulos.
Proxies.
Generadores

.* Symbols.

Async/Await.
Etc.

Asumo que tienes conocimientos de los fundamentos de JavaScript. Si no es así, dispones de mi serie de vídeos sobre JavaScript en YouTube.

Ver en Hoja de Ruta

JavaScript

Repositorio de la serie

Aprende JavaScript moderno se encuentra en desarrollo. Vuelve pronto para encontrar nuevas lecciones.

Desestructuración

La sintaxis de desestructuración JavaScript permite extraer datos de matrices y objetos a sus propias variables.

Módulos JavaScript

Los módulos JavaScript se utilizan para exponer, compartir y re-utilizar lógica en las aplicaciones modernas. Por supuesto, también con Vue.

Spread and rest

Vamos a dedicar unos minutos a aprender al sintaxis Spread y Rest de JavaScript en ejemplos prácticos. Te hará la vida más sencilla, garantizado 😃.

Clases

Veamos cómo funcionan las nuevas clases JavaScript, así como sus getters, setters, static methods y las subclasses (extend).

Promesas

En esta lección te enseñaré a trabajar con promesas JavaScript de forma práctica. Al finalizar podrás utilizarlas en tus proyectos con mayor contexto (espero).

Fetch API

Con la fetch API de JavaScript nunca ha sido tan sencillo utilizar Ajax. En esta lección veremos cómo funciona fetch a nivel fundamental.

JavaScript asíncrono con Async / Await

La sintaxis async/await de JavaScript te va encantar. Es syntactic sugar para utilizar promesas, es decir, código asíncrono, como si fuera síncrono.

Nuevos métodos y opciones para objetos

Vamos a dedicar unos minutos para aprender nuevas opciones y métodos que te ayudarán a manipular y trabajar con objetos utilizando JavaScript moderno.

Bucle for...of e iterables

Veamos cómo funciona el polivalente bucle for...of y qué son los iterables para añadir una función iteradora a cualquier objeto nativo JavaScript.

Nuevos métodos para matrices

Vamos a examinar nuevos métodos para el trabajo con matrices JavaScript que seguro te harán la vida más fácil como desarrollador/a Web.

Parámetros por defecto

Ahora podemos especificar valores por defecto para uno, varios o todos los parámetros de una función JavaScript.

Nuevos métodos para números

En esta lección aprenderás nuevas formas de manipular y comprobar valores relacionados con los números en JavaScript, de forma sencilla.

Sets

Los sets JavaScript son un nuevo tipo de estructura que permite almacenar colecciones de valores unicos. Importante lo de unicos. Veamos cómo funcionan.

Maps JavaScript

Los Maps JavaScript son colecciones de datos organizados por claves (keys). Uno de los aspectos únicos de los Map es que permiten tener keys de cualquier tipo.

Template string literals

Aprende cómo funcionan las template strings JavaScript, una nueva forma de manipular strings muy útil. Tambien usos más avanzados, como tagged templates.

Arrow functions (funciones flecha)

Las arrow functions JavaScrip son una nueva forma de expresar funciones, además de las declaradas y expresiones funcionales. Veamos qué son y cómo funcionan.

Nuevas variables const y let

Con const y let puedes crear nuevas variables JavaScript. Presentan varias ventajas respecto a la manera tradicional de crear variables (con var). ¡Veamos cómo!