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é 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:
Uso de la función Boolean – datos erróneos
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:
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:
Todo esto usando JavaScript.
Nota: el código mostrado aquí está en GitHub, y la demostración aquí.
Resumen: mostrar cómo controlar elementos en una página web usando la voz; es decir, implementar el reconocimiento de voz con JS para definir comandos de voz y ejecutar acciones (enviar un correo, mostrar un reporte, mostrar una gráfica, escribir texto) dependiendo de la acción.
Para el reconocimiento de acciones de voz en la web (o mejor dicho, en el navegador con JavaScript) vamos a usar la librería annyang que internamente utiliza la API de speech recognition.
Puedes ver lo que construiremos al final en este enlace.
Resumen: mostrar cómo hacer un replace y un replaceAll para remplazar caracteres en una string de JavaScript, ya sea solo la primera aparición o remplazar todas las apariciones; usando el método replace y expresiones regulares.
Es importante mencionar que el método replace devuelve una nueva cadena con los caracteres o letras remplazados; es decir, no modifica a la cadena internamente.
En este post te voy a mostrar un sistema de control escolar o gestión de escuelas. Es un software web que hice hace algún tiempo y vengo a mostrar hoy. Lo que tiene a grandes rasgos es:
Como lo dije, el sistema es un sistema web que puede trabajar en internet o de manera offline. Es compatible con Linux y Windows. También es totalmente responsivo, es decir, se adapta a cualquier pantalla.
Resumen: en este post te explico la importancia del evento DOMContentLoaded en JavaScript que afecta principalmente cuando recuperamos elementos del DOM antes de que el DOM esté listo.
Esto es el equivalente a $(document).ready de jQuery.
Resumen: usar JavaScript del lado del cliente para consultar el tipo de cambio de divisas actual; por ejemplo, convertir el precio del dólar hoy comparado con el euro; etcétera, usando un servicio web de exchangeratesapi.