En un meme que vi hace algún tiempo decía que el if es una manera elegante de un ciclo while que se rompe en la primera iteración. Pensándolo bien, eso era correcto (sí sí ya sé que era una broma) y aparte de ello, el ciclo for también es azúcar sintáctica para un simple while. Veamos en este post cómo while puede remplazar a for y a if. ...
En este post voy a explicar cómo partir o dividir un arreglo en trozos, es decir, a partir de un arreglo, crear un arreglo de arreglos que tengan determinados elementos. Todo esto usando JavaScript (funciona en el navegador y en Node.Js) Por ejemplo, tengo un arreglo de 8 elementos y lo reparto en pedazos de 3, formando un arreglo de 3 arreglos, los dos primeros tendrán 3 elementos y el último 2; justo como se ve en la imagen: Lo único que usaremos será la función slice, push y ciclos for. Cabe mencionar que podremos cambiar la longitud de los pedazos y que no importa el tipo de dato de los arreglos. ...
Hace algún tiempo creé una aplicación web como un ejercicio para aplicar para un trabajo. Decidí hacerla con Vue.js, Bootstrap y localStorage en conjunto. Al final resultó en algo como lo de la imagen: Es una simple aplicación de notas que puedes crear, eliminar, editar y listar. También se puede cambiar el color de todas las notas (fue un requisito, no cosa mía, así como el idioma). ...
Este tutorial es muy corto. Se trata de cómo repetir una cadena determinadas veces usando JavaScript. Para esto no vamos a usar algoritmos complejos, simplemente un método llamado repeat que tienen todas las cadenas. ...
En este post voy a explicar dos funciones muy importantes que existen en JavaScript, me refiero a setTimeout y setInterval. Ambas funciones nos permiten tener algo parecido a los hilos o threads en JavaScript, pero de una manera muy simple. Y por simple no quiero decir que le falten características, sino que es muy fácil de usar. Por cierto, setTimeout y setInterval funcionan tanto en los navegadores web como en Node JS. ...
Introducción En una de las materias que estoy cursando (o que cursé, dependiendo del momento en el que esto se publique) tuve que presentar todas esas cosas aburridas que conlleva el desarrollo de software. Me refiero a los diagramas, casos de uso, clases, interfaces y todas esas cosas que al final (desde mi punto de vista) no sirven para nada y solamente hacen perder tiempo. ...
El almacenamiento de datos en el navegador usando JavaScript, además de las cookies, ya es una cosa que salió hace mucho tiempo. Sin embargo, muchas personas todavía no conocen sobre el tema o saben poco sobre el mismo. Es por eso que en este post voy a explicar cómo trabajar con la API de localStorage en JavaScript para almacenar datos en el navegador del usuario, pero lo más importante es que estos datos van a persistir aunque el navegador se cierre o se actualice. Nota: si quieres ver un ejemplo de localStorage mira este generador de UML. ...
En este post explicaré cómo tomar una captura de pantalla de cualquier página web con Node.JS. Es decir, tomar un screenshot de un sitio de internet como si lo visitáramos, pero sin realmente visitarlo. Vamos a obtener la página web como una imagen usando JavaScript del lado del servidor. Para esto vamos a usar Node JS, PhantomJS y un módulo llamado node-webshot. Lo que alcanzaremos al final será guardar una página web como una imagen PNG. También veremos algunas opciones que el paquete ofrece. ...
Un UUID es un identificador único; personalmente lo uso para generar cadenas aleatorias y criptográficamente seguras. Hoy veremos cómo generar un ID único o identificador único con Node JS y un paquete llamado UUID. Vamos a usar la versión 4 de UUID, es decir, el paquete uuid/v4 de Node. Eso nos dará una cadena como la siguiente: c2f1a568-fd6e-46c9-95d7-e6aafd6d56bd Se supone que la probabilidad de que se repita es casi nula, y que es aleatoria y segura; es decir, que no es predecible. ...
Mejorar y agilizar la carga de las páginas web precargando enlaces Hace algún tiempo estuve presente en una conversación donde se discutía por qué las páginas de la documentación de cierto sitio web se cargaban de manera instantánea. Es decir, hacías click en un enlace y la carga era inmediata. Analizando algunas cosas se descubrió que los componentes eran precargados cuando el usuario ponía el cursor sobre un enlace, es decir, cuando el usuario estaba a punto de hacer click para navegar a otro lugar. Después de eso vi que se crearon muchas librerías, y justamente hoy vamos a ver cómo usar una de ellas para hacer más rápida la carga de una página web a la que navega el usuario: instant.page. ...