ESAT Online - JavaScript ES6 & beyond

PROGRAMA COMPLETO

JAVASCRIPT ESENCIAL

Qué es JS. Como siempre, el primer paso es saber qué es lo que vamos a aprender y por qué es interesante aprenderlo. Bienvenido/a a JavaScript.

Consola. La consola es un interfaz a través del cual comunicarnos con JavaScript.

Variables. JavaScript posee variables dinámicas que aportan flexibilidad, pero debes saber cómo funcionan.

Tipos. Conozcamos los tipos de valor principales en JavaScript.

Comparaciones. JavaScript dispone de varios operadores de comparación para las operaciones más comunes.

Sentencias y expresiones. Hablemos de una de las confusiones más comunes: diferencia entre sentencia y expresión.

Bucles. En muchas ocasiones necesitarás repetir instrucciones varias veces. Los bucles te lo harán más sencillo.

Condicionales. Estas estructuras de control permiten tomar decisiones en base a una condición.

Condiciones complejas. A veces debemos comprobar una condición que tiene varias cláusulas: es decir, una condición compleja.

Funciones nativas. Veamos uno de los conceptos más importantes de JavaScript conociendo algunas de las funciones nativas del lenguaje.

Declaración de funciones. Tras entender el concepto de función como tal, vamos a aprender a crear nuestras propias funciones.

Operadores. Detengámonos un poco para revisar los operadores JavaScript más utilizados.

Return. Otro de los conceptos más importantes: la importancia de retornar algún valor (o no) desde nuestras funciones.

Ámbito de las variables. Conozcamos el ámbito de las variables en JavaScript, es decir, desde dónde pueden ser accedidas.

Matrices. El primero de los tipos compuestos. Las matrices son estructuras que permiten guardar información secuencial relacionada.

Trabajar con matrices. Sabiendo qué son las matrices, conozcamos algunos de los métodos (funciones) nativas para trabajar con ellas.

Expresiones funcionales. Además de las funciones declaradas existen otras formas de declarar funciones en JavaScript. Conoce los pros y contras de las expresiones funcionales.

Hoisting. El hoisting (alzado) define cómo interpreta y ejecuta JavaScript el código que escribes.

Objetos. Otro tipo compuesto (como las matrices) que te permite guardar bajo propiedades, cualquier tipo de valor.

Document. Conoce el objeto Window y document y cómo dar los primeros pasos para manipular el DOM con JavaScript.

This. This es una referencia que se crea cuando una función es invocada, algo muy importante y con grandes implicaciones en el lenguaje, que debes conocer.

Eventos. Aprender a trabajar con eventos es vital para el trabajo con
JavaScript. Veamos cómo funcionan.

AVANZADO

Prototypal inheritance. Vamos a revisar el sistema de herencia que tiene JavaScript. Teaser: no está basado en clases.

Expresiones funcionales anónimas. Como las funciones se pueden enviar y retornar como valores, las expresiones funcionales (guardar una función en una variable) son extremadamente utilizadas en JavaScript.

Closure. Examinemos uno de los conceptos más abstractos de JavaScript: los closures.

Contexto de ejecución. Vale la pena parar para aprender qué es el contexto de ejecución, la memoria global y la pila de llamadas en JavaScript.

Depuración. Los errores están y estarán presentes en cada programa que escribas. Aprender los conceptos básicos de depuración te ayudará a detectarlos y corregirlos.

Funciones flecha. La tercera forma de crear funciones es la más expresiva, además no tiene valor de this propio. Veamos cómo funcionan.

Clases. Aunque la herencia en JavaScript está basada en prototipos, también disponemos de una sintaxis de clase.

Object literals. Este es el mejor momento para profundizar en el manejo de objetos con JavaScript.

Function parameters. Aprender a blindar tus funciones estableciendo valores por defecto para los parámetros.

Template string. En JavaScript, trabajar con strings JavaScript y concatenar con otros tipos siempre ha sido tedioso. Hasta ahora.

Nuevos métodos de matrices. Igual que hemos hecho con los objetos, aprendamos un poco más sobre el manejo del día a día con las matrices en JavaScript.

Destructuring. Desestructurar (extraer) valores de un objeto compuesto en JavaScript nunca ha sido tan sencillo.

Rest y spread. Los operador rest y spread (es el mismo) permite aglutinar valores individuales en objetos compuestos (y viceversa) con facilidad. Veamos cómo funcionan.

Let y const. Además de var podemos declarar variables de ámbito de bloque y de referencia constante. Veamos cómo.

Modules. Los módulos JavaScript permiten encapsular y re-utilizar código de formas nunca vistas.

Symbols. Repasemos los fundamentos del nuevo tipo JavaScript para crear valores únicos.

Proxies. Los proxies (delegados) permiten supervisar el acceso a un objeto, pudiendo validar y normalizar los datos antes de que sean ejecutados.

Promises. Las promesas permiten gestionar acciones a futuro (asíncronas) de forma elegante y sencilla sin tener que recurrir a los callbacks.

Fetch API. Con Fetch podemos solicitar recursos externos vía Ajax utilizando un API moderna y basada promesas.

ES7, ES8 y más allá. JavaScript es el único lenguaje nativo del navegador, esto hace que esté en constante evolución. Aprendamos cómo lidiar y tomar ventaja de esta situación.

Mejores prácticas. Aquí encontrarás una serie de consejos para el trabajo con JavaScript en tu día a día como desarrollador/a Web.