Lo que siempre quisiste saber de JavaScript ES6

En esta sesión me acompaña una persona que tiene dudas sobre las novedades que JavaScript introdujo al adoptar la especificación Ecma Script 2015, también conocida como ES6.

Respondo a sus dudas como si fuera una clase particular.

ES6 presentaba una nueva sintaxis, operadores y otra forma de entender JavaScript. Además nuestro invitado tiene una potente experiencia trabajando con PHP y jQuery, con lo que hay estructuras mentales que necesitan amoldar esta nueva forma de hacer las cosas.

En las marcas de tiempo puedes ver un resumen completo de todos los puntos que tratamos.

Marcas de tiempo

00:00:00 Las dudas sobre JavaScript ES6

00:04:50 Herramientas: Visual Studio Code y Quokka Playground

00:07:00 Arrow functions (Funciones flecha)

00:13:12 Sintaxis aún más simplificada (¡Perla!)

00:17:20 Arrow functions con y sin parámetros y object literals

00:24:10 Consejo para los que estáis aprendiendo

00:25:15 Spread operator con arrays

00:30:39 Destructuring syntax (sintaxis de desestructuración) con arrays (liada incluida)

00:33:44 Desestructuración combinada con spread (rest)

00:39:00 Destructuring syntax con objects

00:44:00 Desestructuración en el argumento de una función (¡Perla!)

00:47:00 Propiedad map de un array para iteración

00:58:20 Propiedad filter de un array para iteración

01:10:10 Concatenación de map y filter (¡Perla!)

01:13:00 Conclusiones finales

¿Qué necesitas saber?

Lo más básico de JavaScript: que son las variables y las funciones.

Nivel de dificultad

Básico

Tecnologías utilizadas

• JavaScript

Recursos

• Mozilla Developer Network

• ES6 Tutorial

• Visual Studio Code

• Quokka JS Playground

Contenidos relacionados en danielprimo.io

• Calculadora de presupuestos con JavaScript

• Formulario Atrapahumanos con JavaScript

• WR 31: Si sufres con jQuery, disfrútalo con…

• WR 182: JavaScript sin límites con Manz

[Suscríbete][6] o [identíficate][7] para ver el vídeo al completo.