Implementación alternativa a Google Maps

Hace un tiempo atrás hice una implementación con Google Maps para la búsqueda de una dirección y despliegue de la dirección encontrada en un mapa, la verdad funcionaba como los dioses hasta antes de la limitante de Google a su api MAPS, la cual dejó una cuota de 1 render de mapa por día de forma gratuita y si se desea que la api continúe funcionando sólo hay que registrar la tarjeta de crédito y pagar, rogando que el número de usos del mapa sean los mínimos posibles y que el sitio no vaya a ser blanco de ataques que llamen constantemente la aplicación (DDoS).

La buena noticia es que existen alternativas que permiten la implementación del servicio de forma simple y lo mejor de todo gratuitas, hice uso del servicio de mapas https://leafletjs.com y otro servicio https://nominatim.org el cual traduce una dirección de texto a coordenadas, la implementación que realicé es bien sencilla y puede tener fallas pero es más que nada para tener una idea del como realizar la solución usando estos servicios, espero que les ayude

See the Pen API de direcciones by Cesar Gonzalez (@donpandix) on CodePen.

Validación de email con Javascript

La validación de email es una de mis funciones más recorridas y usadas frecuentemente en las aplicaciones que desarrollo, por lo que, esta función en particular, se ha vuelto una de mis herramientas básicas y principales de mi arsenal de desarrollador. Hoy la pongo a disposición de la comunidad con la esperanza que sea de gran utilidad en los actuales y futuros desarrollos.

La función que pongo a continuación, por lo general, la tengo dentro de un objeto que envuelve una serie de funciones comunes como son la validación de RUT, TRIM, Rellenos de cadenas con ceros… etc, pero con el fin de simplificar este POST lo dejé en una función sencilla para una implementación y uso de manera simple y muy rápida. La base de la validación es a través de una expresión regular, por lo que es importante mencionar, que la validación busca comprobar al forma del correo ingresado, pero no su existencia de la cuenta, para ello se necesitaría una implementación algo más compleja.

GIST del snippet

 

Saludos!

Trim implementado con JavaScript

Función trim implementada como prototipo con JavaScript

Esta función tiene por finalidad el implementar la función Trim en JavaScript, la cual recorta los bordes blancos de una cadena que pudiesen tener a los costados, también cuando la cadena está formada sólo por espacios la deja vacía.

Hay otras implementaciones que también puede lograr la misma funcionalidad, particularmente con JQuery, lo bueno es que esta implementación no choca con otras librerías.

Restricción de caracteres para campos input con JQUERY y REGEXP

En el deseo de mejorar las funcionalidades y de paso agilizar el proceso de desarrollo, he creado esta funcionalidad para la restricción de caracteres de ingreso por un usuario a un campo input, esta implementación está realizada con javascript, adicionalmente hago uso de la librería JQUERY y la evaluación de expresiones regulares. Cada expresión debe ser configurada en un atributo llamado «regexp» en el mismo componente input del formulario, por medio del selector de jquery se le asigna esta funcionalidad al campo al término de la carga del DOM.

Acá un ejemplo en acción de su implementación en CODEPEN

Para probar en línea las expresiones regulares, recomiendo usar la página http://regexr.com/

Formatea número con puntos en JavaScript 1.0

Una función tremendamente útil para el despliegue de información es la del formateo de números, particularmente cuando se trata de valores en moneda o similares, siempre es una lata buscar en internet una función simple que haga la pega, por lo que para todos los que la necesiten les comparto una que desarrollé… aunque es muy simple probablemente la iré potenciando de a poco, por ahora lo que hace es poner los puntos de miles donde corresponde. El valor de entrada debe ser de tipo numérico porque en caso contrario devolverá un bonito 0.

Esta es la declaración de la funciones

Si quieres ver esta implementación en acción, puedes revisar este ejemplo en CODEPEN http://codepen.io/donpandix/pen/RWVdda

Convertir Texto en codificación HTML

Acá una convertidor de texto a código HTML, es muy útil para cuando debemos levantar mensajes que sean independientes de la codificación de la página

Validador de RUT Chileno con JavaScript

Validador de RUT chileno, con una función implementada el lenguaje JavaScript

Este es un validador de Rut Chileno con JavaScript, no recuerdo de donde saqué el original, pero lo modifiqué para incorporarlo en una colección de funciones reutilizables bajo el paquete Fn, traté de reducirlo lo más posible, creo que se puede achicar un poco más… pero sólo sería algo cosmético porque como está funciona bastante bien, sin más, les presento la función:

Para hace una prueba en vivo, hice esta implementación para que lo puedas probar en línea, está alojada en CODEPEN, y queda a tu libre disposición, no olvides de agradecer y si quieres también una mención si este trabajo te ha sido de ayuda.

See the Pen Valida Rut Chileno by Cesar Gonzalez (@donpandix) on CodePen.