El concepto de JavaScript Module Browser es poco conocido , pero hoy en día los navegadores lo empiezan a soportar de una forma bastante sólida. En muchas ocasiones nos encontramos con bloques de código que tienden hacia la modularidad en JavaScript. Por ejemplo una clase como puede ser la clase de Matemáticas que hace calculos […]
ES6 Bundle utilizando Rollup.js y Node.js
El concepto de ES6 Bundle (envoltorio) es bastante conocido. ¿A qué hace referencia?. Hace referencia a cuando nosotros tenemos un bloque de código construido con JavaScript ES6 y queremos desplegarlo en un navegador para que se ejecute. Es decir muchas veces nosotros queremos hacer uso de las habilidades de ES6 (JavaScript 2015) pero que luego […]
JavaScript Template for loop y como usarlo
El concepto de JavaScript Template for loop es un concepto a día de hoy importante y que todos debemos conocer. Hoy por hoy a través de transpiladores todos trabajamos con ES6 y sus características . Una de las características más importantes de ES6 es la capacidad de construir plantillas de forma rápida. Es decir nosotros […]
Utilizando JavaScript template String
El concepto de JavaScript template String es parte de JavaScript ES6 . El manejo de plantillas es general a todos los lenguajes de programación . Java dispone de Thymeleaf , .NET de Razor y PHP de Smarty . JavaScript también dispone de su propio universo de plantillas . Pero hace tiempo se echaba en falta […]
JavaScript Array Prototype y extensibilidad
El uso de JavaScript Array Prototype es muy común y de hecho existen librerías como lodash y underscore que se apoyan intensamente en este concepto. Ahora bien ¿Cómo funciona?,¿Cómo podemos extender la funcionalidad de un Array?. Vamos a construir un ejemplo que nos aclare la situación partiendo de una lista de personas sencilla que construimos: […]
Introducción a JavaScript ES6
JavaScript ES6 es un cambio muy importante a nivel de programación. Hay muchas cosas que llegan al lenguaje y que realmente hacían mucha mucha falta. Vamos a revisar algunas de las que en mi opinión son las más destacables. JavaScript ES6 Clases: Por fin tenemos clases y herencia de una forma similar a las que […]
El concepto de JavaScript Spread operator
Vamos a crear un ejemplo de JavaScript Spread operator , este operador viene incorporado en JavaScript ES6 y cada día se usa más. Supongamos que tenemos el siguiente array de JavaScript [1,2,3,4,5,6] y queremos obtener el numero mayor. La forma más sencilla de hacer esto es : La pregunta es : ¿ Existe una forma […]
¿Qué son los JavaScript Generators?
¿Para que sirven los JavaScript Generators? . Los JavaScript Generators son parte de JavaScript ES6 y sirven para realizar una gestión asíncrona de nuestro código mucho más controlada , algo que hasta este momento no era tan sencillo de realizar con el JavaScript clásico. Para entender este concepto vamos a construir un ejemplo sencillo de […]
JavaScript ES6 fetch API
Hay que reconocer que JavaScript ES6 Fetch API es un avance a la hora de realizar peticiones AJAX importante comparado con las peticiones AJAX clásicas que eran insufribles. Hay que recordar que con JavaScript si uno quería hacer una petición AJAX el código era algo de este estilo: Todos terminamos usando el API de jQuery […]
Javascript const vs var vs let
Introduccion a Babel.js y JavaScript ES6
Babel.js es un transcompilador que nos permite convertir nuestro código de JavaScript ES6 en código de ES5. Esta característica se esta convirtiendo en algo crítico para mucha gente ya que las nuevas características de ES6 hacen deseable trabajar con el lenguaje lo antes posible. Lamentablemente hoy en día en la mayor parte de los navegadores y distintas […]