Bienvenida al curso

Bienvenida al curso y qué es ECMAScript

JavaScript

Lenguaje de programación que utiliza esta especificación (ECMAScript), para trabajar con estas características que van siendo agregadas anualmente a partir del año 2015, en el cual se lanzó la versión 6.Estuvo sin sacar ninguna nueva version (16 años, 1996 - 2001)

ECMAScript

ECMAScript es la especificación del lenguaje propuesto por ECAM internacional una institución encargada de los estándares. JS es el lenguaje que esta especificación usa para trabajar sobre las características que son añadidas año con año. Iniciando en el 2015 con la versión 6.

Ecma International

Organización internacional basada en membresías de estándares para la comunicación y la información.

Lecturas recomendadas

ECMA-262 - Ecma International

Que es TC39?

Un grupo de hackers, académicos, personas afines a la tecnología y a este lenguaje de programación, que junto a la comunidad se encarga de que las versiones se mantenga con actualizaciones constantes año con año y también hay un estándar que se tiene que respetar para hacer la propuesta, como va a ser incorporado la característica y que impacto va a tener.

Specifying JavaScript.

ESNext es el nombre que se le asigna a la próxima versión de JavaScript. Cada feature o propuesta debe de pasar los siguientes stages:

• Stage0: Strawperson (Borrador, cualquier persona puede tener una idea para implementar)
• Stage1: Proposal (Propuesta formal)
• Stage2: Draft (Borrador, como va a funcionar la implementación y el impacto)
• Stage3: Candidate (Esta lista para feedback y últimos detalles por lo implementadores y usuarios)
• Stage4: Finished (Va a ser desplegada en la siguiente versión)

¿Qué se implementó en ES6?

Default Params y Concatenación

• Default params

  functionmyFunction(param1 = 'default', param2) { ... }
  

• Concatenación

  let hello = 'welcome';
  let world = 'to the jungle!';
  let guns = `${hello} ${world}` // Welcome to the jungle!
  

• Sets()

  const array = [1, 1, 2, 2, 3, 4, 4, 5]
  
  const sinRepetidos = [ ... new Set(array)]
  console.log(sinRepetidos) // [ 1, 2, 3, 4, 5 ]
  
  

  Información sobre generadores en JavaScript | DigitalOcean

• Let, const, multilínea, spread and destructuration

  let variable1; // Block scope
  const constant1; // Block scope and constant
  const stringmultiline = `this is a multi
  line string`;
  
  const array = ['item1', 'item2'];
  const array2 = ['item3', 'item4'];
  const allArrays = [...array, ...array2] // ['item1', 'item2' , 'item3', 'item4']
  
  const object = {
  	name: 'manuel',
  	age: 24,
  	country: 'PE',
  };
  
  const { name, age } = object; // 'manuel', 24
  

  var, let y const: ¿Cuál es la diferencia?

Arrow Functions, Promesas y Parámetros en objetos

• composicion - newPromise()

  • resolve() - comportamiento al cumplir la promesa
  • reject() - comportamiento al fallar la promesa
  • .then (⇒) - obtener el valor del resolve
  • .error(⇒) - obtener el valor del reject()

• Arrow functions

  const myFunction = (params) => { ... };
  const square = num => num * num; // returns num * num
  

• Clases

  classmyClass {
  constructor(param1, param2) {
  this.param1 = param1;
  this.param2 = param2;
  	}
  
  	sum() {
  returnthis.param1 +this.param2
  	}
  }
  
  const calc =new myClass(2, 2);
  calc.sum(); // 4
  java
  

• Generadores

  function*myGenerator () {
  yield 'Paradise';
  yield 'city';
  }
  
  const generatorHello = myGenerator();
  console.log(generatorHello.next());
  console.log(generatorHello.next());
  console.log(generatorHello.next());
  
  /* { value: 'Paradise ', done: false }
  { value: 'city', done: false }
  { value: undefined, done: true } */
  

• Parámetros en objetos

  const name = 'manuel';
  const age = 24,
  const object = { name, age }; // { name: 'manuel', age: 24 }
  

• Promesas

  const myPromise = () =>new Promise((resolve, reject) => {
  if (success) { // Make some logic to capture when the promise have success
  return resolve(succesfullResponse);
  	}
  return reject(failedResponse);
  }
  
  myPromise
  	.then(response => doSomething)
  	.catch(error => doSomethingWithError);
  

• Módulos

  // module.js
  const hello = () => console.log('Welcome to the jungle');
  
  exportdefault hello;
  
  // index.js
  import hellofrom './module.js';
  hello(); // 'Welcome to the jungle'
  

¿Qué se implementó en ES7?

• Includes

  let numbers = [1, 2, 4, 5, 9];
  
  console.log(numbers.includes(5)); // true
  console.log(numbers.includes(15)); // false
  
  

¿Qué se implementó en ES8?

En esta clase vimos las algunas implementaciones de ES8, como Object entries, Object Values, Padding y Trailing-Comas.