Introducción Recuerdo que utilicé los Web Workers en JavaScript una vez que tenía que generar un PDF muy grande. Así, aunque fuera un proceso tardado, la interfaz de usuario no se quedaba congelada. Veamos entonces un demo o ejemplo y la explicación de los web workers o webworkers en el lenguaje de programación JavaScript ...
Introducción Veamos en este pequeño tutorial cómo hacer lazy loading de imágenes con Intersection Observer API. Así evitaremos cargar todas las páginas, sobrecargar nuestros servidores y gastar ancho de banda. ...
Introducción Esta entrada es más que nada un recordatorio para mí mismo. Se trata de una configuración de webpack para compilar aplicaciones y solucionar un error en ruta de assets al compilar para producción. ...
Introducción Hoy veremos cómo copiar y pegar texto en JavaScript. Esto es leer del portapapeles y escribir en el portapapeles usando promesas. En resumen, veremos cómo acceder al portapapeles con JavaScript (también conocido como clipboard) ...
Introducción JavaScript ha evolucionado y mejorado en los últimos años. Ya tiene un poco de tiempo que se introdujeron estas nuevas características, pero igualmente le puede servir a alguien este tutorial que expone el uso de Const, var y let en JavaScript ...
Introducción Las funciones flecha (en donde se usa el operador flecha gorda =>) hacen que nuestro código sea más corto, y más entendible. Sin embargo, si somos principiantes tal vez no sepamos qué son o qué hacen las funciones arrow de JavaScript. Por eso hoy veremos una explicación de las funciones flecha en JavaScript. ...
Introducción El otro día estaba en una página de noticias leyendo un artículo. Dejé de leerlo y navegué a otra pestaña, pero al cambiar de pestaña el título fue cambiado a “Hey, vuelve aquí” o algo así. Entonces me pregunté cómo se puede cambiar título de página cuando el usuario cambia de pestaña. Buscando por internet, y pensando un poco, me di cuenta de que se puede hacer con JavaScript en pocas líneas. ...
Introducción ApexCharts es una librería nueva que provee gráficas en formato SVG (en lugar de canvas como se venía haciendo). No necesita ninguna librería (como jQuery, AngularJS, VueJS, etcétera). Hoy veremos cómo crear una Area Chart en ApexCharts. Nota: puede que también quieras ver cómo crear gráficas en la web usando chart.js. ...
Introducción Hoy veremos otro ejercicio de codewars muy simple. Se trata de comprobar si todos los números en un arreglo están en orden ascendente. Recordemos que un arreglo, vector o array es una colección de elementos. Uno de números, ordenado de manera ascendente se vería así: [1, 4, 5, 80, 100, 500] En cambio, uno no ordenado de manera ascendente, así: [1, 3, 2, 50, 80] Nuestra tarea es escribir una función que compruebe si los elementos están o no ordenados de esa manera. ...
Introducción Recientemente estuve generando algunas gráficas de barras para un pequeño proyecto. Debido a que las gráficas eran llenadas de forma dinámica, necesitaba una forma de generar colores aleatorios en hexadecimal. Recordemos que un color hexadecimal se compone de 6 caracteres que pueden ser: 0123456789ABCDEF Por ejemplo, un color hexadecimal puede ser el #8bc34a. El color negro es #000000 y el blanco es #FFFFFF Ahora veamos cómo generar este color en JavaScript. Por cierto, no todos serán colores agradables a la vista del usuario, pero recordemos que el objetivo es generar un color aleatorio, no un color agradable y aleatorio. ...