El uso de JavaScript reduce es uno de los más habituales cuando hablamos de programación funcional . Por defecto esta función se encarga de “reducir” un conjunto de elementos a un único resultado. Sin embargo soporta bastantes más opciones que le aportan flexibilidad vamos a verlo partiendo del ejemplo más básico: En este caso la […]
TypeScript Generics y su funcionamiento
Crear TypeScript Generics poco a poco se convertirá en algo muy común. El lenguaje cada día tiene mayor tracción y el uso de Genéricos en cualquier lenguage compilado es muy importante. Vamos a ver un ejemplo sencillo de como manejar clases genéricas utilizando Typescript. Para ello partiremos de dos clases muy sencillas Galleta y Golosina […]
Spread vs Rest Parameters en ES6
Vamos a comparar Spread vs Rest como operadores de JavaScript ES6. ¿Qué diferencia existe entre ambos operadores? .Vamos a comenzar a hablar de Spread operator. ¿Para que sirve este operador? . Supongamos que tenemos una página html y un código de javascript que trabaja con un array de elementos: Veamos el código del script: Se […]
Javascript Joins ,SQL con datos JSON
La idea de JavaScript Joins parece un poco extraña al principio . Sin embargo cada día trabajamos más con el formato JSON y leemos grupos de datos muy diversos. Más pronto que tarde nos encontraremos con una situación que requiere realizar un join clásico de SQL pero con los datos en JSON. ¿Cómo podemos realizar […]
El uso de JavaScript for in vs for of
JavaScript for in vs for of es una pregunta muy habitual hoy en día . Poco a poco vamos usando cada día más JavaScript ES6 y estos tipos de bucles son muy habituales. Vamos a explicarlo un poco las diferencias entre ambos . Normalmente cuanto trabajamos con JavaScript es muy habitual utilizar colecciones de objetos, […]
¿Qué es el Virtual DOM y como funciona?
El concepto de Virtual DOM es un concepto que cada día esta más de moda. Vamos a intentar explicarlo de una forma gráfica. Imaginemonos que disponemos de una tabla con datos en una página HTML. Esta tabla dispone de en cada fila de un botón de edición. Este botón nos permite cambiar de forma rápida los […]
JavaScript apply vs call
El uso de JavaScript apply vs call ,es una pregunta muy habitual cuando profundizamos en JavaScript . ¿Para que sirven estos dos métodos tan peculiares?. Vamos a construir un ejemplo que ayude a aclarar las dudas . JavaScript Objetos Imaginemonos que tenemos el siguiente objeto de JavaScript: Invocamos al método imprimir y nos imprime por […]
¿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 Closure y su funcionamiento
¿Qué es un JavaScript Closure? , esta es una pregunta clásica en las formaciones avanzadas de JavaScript .Vamos a introducir el concepto y ver en que situaciones se puede utilizar de forma práctica. Para ello vamos a partir del siguiente bloque de código. El código dispone de dos funciones anidadas, recordemos que cada función en […]
JavaScript Streams vs Promises
Streams vs Promises es una de las discusiones que se esta poniendo más de moda en el mundo de JavaScript. El uso de promises nunca ha sido sencillo y a mucha gente le cuesta introducir estos conceptos dentro de la programación asíncrona que realiza. Vamos a explicar la diferencia que existe entre ambos conceptos para […]
JavaScript pure functions y su uso
JavaScript pure functions es uno de los conceptos que más cuesta manejar cuando trabajamos con JavaScript. ¿Qué es y para que sirve una función pura? . Son funciones que no dependen ni modifican variables que estén fuera de su propio scope (ámbito), en una invocación con unos valores x siempre devuelve un resultado y . […]
JavaScript Prototypes y su uso
JavaScript Prototypes es uno de los concepto de JavaScript menos entendidos por parte de los desarrolladores. No es difícil de extrañar, ya que si JavaScript destaca por algo es por sus peculiaridades. Vamos a intentar acercarnos a este concepto a través de un ejemplo,para ello construimos dos objetos Persona. Acabamos de usar JavaScript para crear […]
JavaScript Reduce function y eliminación de bucles
JavaScript Reduce function es una de las funciones que más cuesta entender cuando trabajamos con JavaScript. Sin embargo es una de las funciones que más nos puede ayudar a simplificar nuestro código y eliminar bucles. ¿Cómo funciona exactamente? . Para entenderla vamos a construir un ejemplo de sumatorio a través de un bucle for. Estamos usando […]
JavaScript Module Pattern
JavaScript Module Pattern es uno de los patrones de diseño más típicos en JavaScript y nos ayuda a organizar y aislar las distintas funciones y clases con las que trabajamos. JavaScript por defecto no soporta el concepto de Package/NameSpace.Vamos a ver como implementar en JavaScript este patrón de diseño. JavaScript Module Pattern y IIFE El […]
¿Qué es el Shadow DOM?
Shadow DOM es una de las partes del standard de WebComponents que define el W3C. ¿Qué es exactamente y para que sirve el Shadow DOM?. Para entenderlo vamos a ver un bloque de código aparentemente sencillo. El código contiene dos párrafos uno que incluye un estilo inline y el otro que no tiene ningún estilo. […]
Ejemplo de Javascript NameSpace
Cada día tenemos más código de JavaScript y necesitamos organizarlo. Uno de los problemas más habituales de JavaScript es su falta total de estructura y aislamiento. Muchas veces acabamos con un montón de variables definidas a nivel global. Para evitar este tipo de problemática podemos definir Namespaces que nos aíslen unos elementos de otros. Vamos […]