El uso de Google Chrome Speed Test para revisar el rendimiento de nuestras aplicaciones es cada día más común. Hoy por hoy muchas de las aplicaciones que construimos adquieren un montón de información en formato JSON y muchas de ellas necesitan acceder a esa información desde situaciones en las que el ancho de banda puede estar […]
JavaScript Destructuring ,un concepto interesante
El concepto de JavaScript Destructuring nos puede resultar útil en el día a día de nuestro trabajo con JavaScript. ¿Qué es y para que sirve el concepto de Destructuring? . Como su nombre indica sirve para desestructurar una estructura determinada. Esto en principio nos puede resultar chocante a los programadores nos gusta tener todo ordenado. […]
JavaScript Array Spread Operator y simplificaciones
El uso de JavaScript Array Spread Operator es muy típico en JavaScript moderno. El uso de arrays en JavaScript es continuo y estamos bastante acostumbrados a ellos . Sin embargo a veces se nos hace un poco lioso su uso. Vamos a poner un ejemplo sencillo. Tenemos un array de JavaScript y queremos añadirle un […]
JavaScript reduce y su flexibilidad
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 […]
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 […]
TypeScript CallBack ,funciones y sintaxis
El concepto de TypeScript CallBack no tiene nada de innovador ya que see trata de manejar los callbacks clásicos de Javascript pero desde nuestro nuevo lenguaje. Para ello lo primero que tenemos es que repasar el concepto de función de JavaScript . Para ello usaremos la función de suma que es la más básica. Esto […]
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 […]
Hot vs Cold Observable con Rx.js
El concepto de Hot vs Cold Observable esta cada día mas de moda con los temas de programación asíncrona. ¿Qué diferencia existe entre los observables fríos y los observables calientes? . La diferencia fundamental esta en como se comportan en tiempo de ejecución . Veamos un ejemplo sencillo utilizando unos arrays y unos botones en […]
El concepto de JavaScript Function Composition
El concepto de JavaScript Function Composition es uno de los conceptos clásicos de la programación funcional. En muchas ocasiones cuando construimos funciones nos puede ser útil crear nuevas funciones que combinen la funcionalidad de otras previamente construidas. Vamos a ver un par de ejemplos: En este caso tenemos dos funciones una que eleva al cuadrado […]
El concepto de JavaScript Proxy
El concepto de JavaScript proxy es un concepto cada día más importante ya que muchos frameworks se basan en el uso de proxies. ¿Qué es un proxy? un proxy no es ni más ni menos que un intermediario entre un programa y el objeto al cual queremos invocar un método o cambiar una propiedad. Vamos […]
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 Console log y el manejo de Objetos
Todos usamos JavaScript Console Log para imprimir los típicos mensajes de consola en JavaScript. Sin embargo muchas veces nos olvidamos de las posibilidades que la consola de JavaScript nos aporta. Vamos a ver algunos ejemplos que nos ayudarán a clarificar. Para ello empezaremos con la operación más sencilla a realizar es imprimir un objeto por […]
WebPack y la gestión de dependencias en JavaScript
Webpack es un Module Bundler. Esto en un primer momento puede ser que no lo entendamos muy bien. Ahora bien todos necesitamos cuando programamos con JavaScript un Module Bundler . Otra cosa es que le usemos o no. Cuando uno trabaja en JavaScript se encuentra que usa una serie de librerías a nivel de navegador […]
JavaScript High Order Functions y su manejo
El concepto de JavaScript High Order Functions , es uno de los más importantes que tenemos que conocer de la programación funcional. Sin embargo también en muchos casos es uno de los más difíciles de entender cuando lo abordamos. ¿Qué es y para que sirven las JavaScript High Order Functions?. Son funciones que reciben como […]
JavaScript Deferred Objects y peticiones asíncronas
El concepto de JavaScript Deferred Objects siempre es difícil de entender en un primer momento. Sin embargo es algo que tenemos que conocer ya que sino nuestro código será mucho menos reutilizable. Vamos a explicar este concepto tan interesante a través de un grupo de ejemplos. Peticiones Ajax Supongamos que tenemos dos urls en nuestro […]