En este post voy a mostrarte una forma de formatear la fecha (o en términos específicos un objeto de tipo Date) en JavaScript. No vamos a usar el método toLocaleString ni parecidos, crearemos un método propio ya que aunque hay métodos que pueden servir mejor, en ocasiones es necesario formatear la fecha en JavaScript de acuerdo a un formato manual. Nota: si tú prefieres usar un método más elegante puedes usar DateTimeFormat de JS. ...
En este post vamos a ver un ejercicio con JavaScript. Se trata de una función que convierta a mayúscula la primera letra o primer carácter de una string. Es el equivalente a la función ucfirst que existe en otro lenguaje, y convierte a mayúscula el primer carácter de la cadena. Por ejemplo, transforma “hola” a “Hola”. ...
En este post te mostraré un simple fragmento de código para remover o quitar el último carácter de una cadena en JavaScript. Vamos a usar el método substring de la cadena. ...
En este post te mostraré una función en JavaScript para agregar un carácter cada determinado número de caracteres. Por ejemplo, agregar un guión cada 4 dígitos o cada 6 dígitos, es decir, rellenar la cadena agregando algo en el centro. ...
En este post veremos cómo convertir la cadena "false" o "true" en un tipo de dato booleano, es decir, convertir una cadena a booleano. Como sabemos, no podemos usar Boolean debido a que devolverá true en ambos casos: Veamos una función que puede ayudarnos a convertir "false" a false, y "true" a true. ...
Los servicios o services de una aplicación web son aquellos que proveen funcionalidades de una entidad en específico; tuvieron una popularidad con AngularJS y Angular, pero en Vue tal cosa no existe. En este post te mostraré un ejemplo de un servicio de Vue, que si bien no es obligatorio, es totalmente válido. ...
En este artículo te mostraré cómo renderizar un select (elemento HTML) o lista desplegable de HTML con Vue. Es decir, a partir de una lista de objetos, llenar un select y saber cuál elemento está seleccionado. ...
En este post te mostraré una envoltura de la función fetch para encerrar las peticiones básicas que se hacen con los verbos GET, POST, PUT y DELETE. De este modo nos ahorramos repetir código y aprendemos un poco sobre la reutilización del mismo. Al final tendremos una librería que nos permitirá hacer peticiones HTTP como cualquier otra usando AJAX. He usado esta librería y evitado usar Axios o proveedores de terceros. El primer uso es en mi sistema de ventas, aunque también lo he usado en el sistema escolar que hice recientemente. ...
En este post te mostraré un ejemplo de proyecto con OpenLayers en donde se muestran: Introducción a OpenLayers Descargar OpenLayers Creación de mapa Centrado de mapa en determinada ubicación Marcadores personalizados con imagen propia Listener de eventos como click o zoom cambiado Consumo de API PHP para obtener los marcadores Voy a desglosar cada cosa y al final dejaré el código del proyecto completo. ...
Resumen: mostrar una introducción (instalación y uso) a Sweet Alert 2, una librería de JavaScript para mostrar alertas y diálogos de confirmación con un diseño bonito. Te mostraré cómo descargar SweetAlert 2, además de: Mostrar una alerta Personalizar el contenido Mostrar un diálogo de confirmación y saber respuesta del usuario Diálogo personalizado con HTML Mostrar alerta con input para recoger información Todo esto usando JavaScript. Nota: el código mostrado aquí está en GitHub, y la demostración aquí. ...