Javascript

En este post explicaré algo muy simple: cómo saber cuando un usuario hace click en un botón de JavaScript, también cuando hace click sobre muchos botones y cómo acceder al elemento del DOM. Esto también funcionará para saber cuando alguien hace click sobre otro elemento. Foto tomada con Polacode y marca de agua puesta con waterpy. Vamos a usar querySelector, querySelectorAll y addEventListener para ejecutar una función en el click del elemento. ...

Hace algún tiempo publiqué cómo convertir números o dinero a texto legible, es decir, número a letra. En ese caso no dejé un ejemplo real pero ahora lo haré en este post. Lo que haremos será tener un input y un botón, al presionar el botón, el valor del input se convertirá a texto. ...

Hace un momento estaba ejecutando una aplicación de NodeJS en un servidor con Ubuntu 18, todo bien, ejecuté npm install pero al momento de usar PhantomJS saltó el error que dice: Error: PhantomJS exited with return value 127 Lo raro de todo esto es que había instalado las dependencias correctamente, y en Windows (y otros sistemas operativos) funcionaba a la perfección. Al final encontré la solución, la cual era una simple dependencia a nivel de sistema operativo. ...

Hoy vengo a presentar un paquete de iconos totalmente open source y descargable (no es mío) llamado Eva Icons. Son unos iconos que se pueden usar en la web, o como PNG y SVG en distintos proyectos. Gracias a que son unos iconos open source y descargables, podemos usarlos como PNG o en la web para nuestro siguiente proyecto. En este post voy a explicar cómo descargar los iconos y cómo usarlos en la web. ...

Justo hoy he publicado mi página principal totalmente renovada y hecha por mí, además de que es totalmente open source (he puesto el repositorio en línea). Ya era hora, pues no estaba mostrando mi portafolio y la última actualización fue en diciembre del 2017. Voy a explicar en este post cómo fue la creación y las cosas que usé para crearla; además de exponer cómo hice para que cargara rápido y otras cosas. ...

He descubierto una herramienta que viene de maravilla para convertir código fuente a un diagrama de flujo, sin esfuerzo; únicamente se pone el código fuente y automáticamente se crea el diagrama de flujo. Eso sí, el código que soporta es únicamente JavaScript (uno de mis lenguajes favoritos) y los resultados son maravillosos. Por ejemplo, aquí tengo el código de para saber si una persona es mayor o menor de edad en JavaScript: Ese diagrama de flujo fue generado automáticamente únicamente pegando código. Veamos la página web en donde se puede usar y su forma de uso. ...

Hace algún tiempo hice algunas imágenes sobre lenguajes de programación para usarlas como fondo de pantalla; son simples, tienen el nombre del lenguaje de programación pero formado con palabras reservadas del mismo, aquí un ejemplo de Rust: Voy a exponer aquí los fondos de pantalla de lenguajes de programación para descargarlos. ...

El buscador DuckDuckGo, aparte de todas las ventajas que tiene en comparación con Google y otros buscadores, proporciona una API que si bien no sirve para buscar como en el buscador, funciona para obtener respuestas inmediatas y buscar definiciones. Hoy veremos cómo consumir esta API basada en JSON utilizando JavaScript del lado del servidor: Node.JS. Un ejemplo de lo que la API devuelve es lo siguiente (al buscar JavaScript): Consumir esta API no es nada difícil, pues es una simple petición GET y parseo de JSON. ...

Node, JavaScript del lado del servidor, provee un modo para comunicarse a través de http: el módulo http. Sin embargo, este módulo es un poco largo de usar, así que se han creado varios módulos o paquetes y uno de ellos es request. El módulo de request tiene otra envoltura llamada request-promise, el cual es como request pero usando promesas. En fin, vamos a ver cómo hacer una petición GET HTTP usando Node y el módulo request. Será un ejemplo sencillo y básico pero que servirá para ejemplos más avanzados. ...

Hoy vengo a presentar un software para realizar cotizaciones o presupuestos, el cual es totalmente gratuito de usar en la nube; así como open source. Es decir, aparte de que puedes usarlo en mi sitio, puedes descargarlo y modificarlo. Características del software No es la gran cosa, pero entre sus principales características encontramos las siguientes: Realizar cotizaciones o presupuestos Estimar el costo requerido, el cual se configura por cada servicio Calcular tiempo requerido por cada servicio Describir características y/o condiciones del trabajo Agregar clientes para ligarlos a las cotizaciones Imprimir la cotización o guardarla como PDF (esto depende del navegador la mayoría de veces) Multiusuario: cualquier usuario puede registrarse y usarlo, así de simple. Eso sí, las cotizaciones, servicios y características son separadas por usuario Totalmente open source Escrito con PHP, utiliza PDO para interactuar con la base de datos Base de datos MySQL Lado del cliente con Vue.JS y Bootstrap Mensaje de agradecimiento, presentación y pie totalmente configurables Se me ocurre que puede servir tanto como para estudiantes que tienen que entregar un proyecto con PHP simple, así como para personas que necesitan un software como estos. Voy a explicar cómo fue creado, en dónde se puede probar y también dónde se puede leer el código fuente. ...