Javascript

Introducción Ayer estuve trabajando con Chart.js, una librería para generar gráficas. Debido a que la gráfica era actualizada cada que el usuario seleccionaba una opción distinta, a veces se mostraban algunas barras encima de otras, tooltips que no deberían estar y cosas de esas. Así que investigando encontré la solución para reiniciar, limpiar y destruir una gráfica en Chart.js. En otras palabras, estaremos reiniciando la gráfica. Nota: puedes ver un tutorial de cómo trabajar con gráficas en AngularJS aquí. ...

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

Introducción Cuando trabajamos con documentos contables, o con cosas que llevan una cantidad, a veces es necesario convertir los números a texto. Esto pasa sobre todo cuando queremos convertir dinero a una representación legible, es decir, a letras o a texto. Por ejemplo, convertir “123.00” a (al menos en México) “Ciento veintitrés pesos con cero centavos” o algo así. Hoy me vi en la necesidad de ello y en lugar de escribir por mí mismo el código, busqué si alguien ya o había hecho, y así fue. ...

Introducción Ya vimos anteriormente cómo podemos generar códigos de barras con AngularJS en este post. Hoy veremos cómo generar códigos QR. No sé la diferencia entre esos 2, pero creo que los QR pueden guardar más información y su lectura es más fácil. En fin, no vamos a ver las diferencias, vamos a ver cómo generar códigos QR utilizando AngularJS. Incluir Librerías Necesitamos QRCode y Angular-QR. El proyecto original está aquí, en GitHub. Para utilizar la librería, podemos utilizar bower, o incluir directamente los scripts, así: ...

Introducción Veamos hoy cómo comprobar si un valor o elemento existe dentro de un arreglo de Javascript. Recordemos que un arreglo en Javascript es una lista de valores. En ocasiones, es necesario buscar la posición de determinado elemento, o tal vez sólo comprobar si existe dentro de un array, arreglo, vector o lista. Dicho con otras palabras, veremos cómo checar si un elemento está presente. Recientemente en ES6 se introdujo un nuevo método que veremos a continuación. ...

Introducción Hoy veremos dos formas de elevar un número a una potencia en Javascript. La primera, seguramente la conoce la mayoría de gente, pero la segunda fue introducida recientemente y es, a mi parecer, más elegante. Elevar un número a una potencia en Javascript es multiplicar ese número N veces, en donde N es la potencia. Por ejemplo, 2 elevado a la potencia 3 es 8, ya que 2 x 2 x 2 = 8. Eso es elevar un número a determinada potencia en Javascript. ...

Introducción Hoy veremos cómo subir una foto o imagen a un servidor PHP. Dicha foto será elegida por el usuario desde un input de tipo file. La subiremos utilizando la clase FormData de Javascript en conjunto con la clase para recibir archivos en CodeIgniter. Esto lo haremos utilizando AJAX, por lo que la experiencia del usuario será mejor. Este post funciona para imágenes GIF, PNG o JPG pero supongo que igualmente podemos subir archivos de cualquier tipo. ...

Introducción Hoy veremos cómo obtener el número de días que tiene un mes de cualquier año. Por ejemplo, el mes de Abril del 2018 tiene 30 días, pero bien sabemos que esto cambia dependiendo del mes y también del año (si es o no bisiesto). Así que investigando me encontré con una función sencillísima de implementar. Dicho con otras palabras, estimaremos o calcularemos el número o cantidad de días que tiene determinado mes del año actual o de un año cualquiera. ...

Introducción jQuery es un framework que todavía (en pleno 2018) es muy utilizado por muchísimos programadores. Al trabajar en checkboxes, entradas de tipo checkbox o cajas de selección es muy probable que nos preguntemos cómo obtener el valor o estado de cada campo. También puede que necesitemos cambiar el valor. Es decir, seleccionar una caja de texto en jQuery. Finalmente veremos cómo detectar cuando el estado de un checkbox cambia, es decir, que el usuario lo marque o lo desmarque. ...

Introducción Vue.js es un framework poderoso pero liviano. Por lo tanto, no viene con cosas innecesarias, los filtros son un ejemplo de ello. En las aplicaciones que desarrollamos, no siempre necesitaremos el filtro currency o de dinero. Pero habrá algunas ocasiones en las que sí lo necesitaremos, ¿y para qué reinventar la rueda, si alguien más ya lo hizo por nosotros? así que hoy veremos cómo utilizar el filtro de moneda en VueJS. ...