JavaScript - Obtener diferencia de arreglos

Resumen En este post te voy a mostrar a sacar la diferencia entre dos arreglos de JavaScript. Es decir, obtener los elementos que existen en un arreglo A pero no existen en otro arreglo B. La función que te voy a mostrar va a regresar un nuevo arreglo que tiene los elementos que hay en A pero no en B. ...

agosto 13, 2019 · 3 min · 515 palabras · Parzibyte

Dibujar cuadrado y rectángulo en Canvas usando JavaScript

En este post te voy a enseñar cómo usar la función rect del contexto de un canvas en JavaScript para dibujar dos figuras geométricas: Un cuadrado Un rectángulo También te voy a mostrar cómo personalizar el color de relleno y color de borde en cada una de las figuras. ...

julio 17, 2019 · 3 min · 469 palabras · Parzibyte

Generar app de express y Node con express-generator

En este post voy a mostrar cómo crear la estructura inicial de una app de Node que utiliza el framework Express, usando el generador llamado express-generator. Lo que veremos será: Cómo instalar express-generator Instalar las dependencias Analizar la anatomía de la app, es decir, el proyecto, las vistas, etcétera Nota: este ejemplo podría ser una “mejora” a la plantilla que vimos anteriormente. ...

junio 21, 2019 · 3 min · 461 palabras · Parzibyte

Cargar archivo a PHP desde JavaScript con FormData

Introducción Enviar datos con AJAX es algo relativamente fácil; pues al final de todo son simples datos. Ya sean cadenas o números, todo es texto. Pero algo distinto pasa cuando queremos cargar un archivo o fichero con JavaScript hacia PHP. Esto es más complicado cuando queremos hacerlo con AJAX, pues no hay una forma estandarizada de enviar un archivo; y nos topamos con que el usuario podría seleccionar archivos pesados. Lo que nos quedaría sería poner un formulario y agregar un <input type="file"> pero nuestra página perdería dinamismo. Afortunadamente desde hace algunos años existe la API de FormData, la cual ofrece una manera de enviar todo tipo de datos como se enviarían en un formulario; con la ventaja de poder hacerlo sin interrumpir al usuario o recargar la página. ...

noviembre 7, 2018 · 4 min · 852 palabras · Parzibyte

Haciendo un conversor de bases numéricas con JavaScript y Vue JS 2

Introducción Para reforzar y aplicar lo que vimos en cómo convertir entre binario, octal, decimal y hexadecimal en JavaScript decidí crear un convertidor (o conversor) de bases numéricas o números. Lo que hace es muy simple, convierte (desde cualquier base) a las siguientes: Binario Octal Decimal Hexadecimal Para agregarle más comodidad al usuario pusimos la opción de copiar el texto directamente en el portapapeles. Veamos una pequeña explicación. ...

noviembre 6, 2018 · 3 min · 446 palabras · Parzibyte

Conversiones de números en JavaScript: Binario, Octal, Hexadecimal y Decimal

Introducción Hoy veremos cómo podemos convertir números a una base distinta en JavaScript. Es decir, cómo hacer la operación (y lo inverso) para convertir un número de determinada a base a otra. Por ejemplo, convertir binario a octal, binario a decimal, decimal a hexadecimal y todas esas conversiones. Para ello, no utilizaremos más que los métodos que le lenguaje provee; nada de librerías externas o algoritmos complicados. ...

noviembre 5, 2018 · 5 min · 884 palabras · Parzibyte

Codificar y decodificar base64 en JavaScript

Introducción Base64 es un sistema de codificación que convierte cualquier dato a una representación que puede ser formada por los caracteres ASCII (los cuales son 64). Veamos cómo podemos trabajar con base64 en JavaScript ...

septiembre 28, 2018 · 2 min · 261 palabras · Parzibyte

Remover decimales de número en JavaScript

Introducción Hoy estaba haciendo un pequeño repaso de las funciones matemáticas de JavaScript y me encontré con una función que, aunque tal vez sirva para otros usos más difíciles o complicados, sirve perfectamente para poder quitar o remover decimales de número en JavaScript. ...

septiembre 13, 2018 · 2 min · 257 palabras · Parzibyte

Const, var y let en JavaScript: diferencias y explicación

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 ...

agosto 24, 2018 · 3 min · 470 palabras · Parzibyte

Acceder a los filtros de VueJS desde el código Javascript

Introducción Los filtros de Vue.js son muy útiles. Generalmente son utilizados sólo en la vista. Por ejemplo, si queremos filtrar moneda hacemos esto: {{sueldo | currency}} ¿Pero qué pasa si queremos utilizar esos filtros en nuestro código javascript? recientemente me pasó que estaba generando un documento PDF con la magnífica librería jsPDF, pero para mostrar algunos montos necesitaba filtrarlos antes. Así que me puse a pensar en cómo utilizar los filtros no sólo en la vista, sino también en la lógica. Y encontré la respuesta. ...

mayo 1, 2018 · 1 min · 197 palabras · Parzibyte