Creación de Modales en Vue3 con SweetAlert2

SweetAlert2, es una librería javascript que permite crear ventanas emergentes con un diseño profesional y fácil de personalizar e implementar, es compatible con la mayoría de los navegadores web como: Edge, Chrome, Firefox, Safari, entre otros más. Está pensada para poder utilizarse junto a JavaScript Vanilla. Por lo tanto se puede utilizar para distintos frameworks como React, Vue y Angular, en este post se explicará cómo utilizarla en Vue3. Instalación  Podemos realizarla de dos maneras ambos casos están en la web en el apartado de “Installation” Primer método Mediante el CDN que la…continue reading →

SERVICIOS EN ANGULAR CON AXIOS

-Servicios Un servicio es una clase, comúnmente decorada con el decorador injector de Angular, mismo que indica que este servicio puede inyectar otras dependencias de la aplicación, ya sean otros servicios como el de http , por lo tanto los componentes no deberían buscar ni guardar datos directamente y, desde luego, no deberían presentar a sabiendas datos simulados. Deben centrarse en presentar datos y delegar el acceso a los datos a un servicio. Una buena práctica es utilizar servicios siguiendo la arquitectura de Angular , para realizar peticiones ,además de tener métodos y…continue reading →

Angular Material y FormControl

ANGULAR MATERIAL INTRODUCCIÓN: Angular Material es una librería de estilos (como Bootstrap) basada en la guía de diseño de Material Design, realizado por el equipo de Angular para integrarse perfectamente con Angular. INSTALACIÓN: Ejecutaremos el siguiente comando en nuestro proyecto para la instalación de Angular Material: ng add @angular/material Con ese comando instalará Angular Material, CDK* y Angular Animations* y a continuación nos hará una serie de preguntas para determinar qué características queremos incluir en nuestro proyecto: Elija un nombre de tema prediseñado o elegir uno personalizado: Si no tienes un tema personalizado…continue reading →

Aplicación multiplataforma en Ionic y VUE 3

Objetivos En este proyecto he querido mostrar cómo cualquier desarrollador Web es capaz, aunque no lo sepa, de desarrollar aplicaciones multiplataforma con el mismo código base. Pudiendo, además, aprovechar las características del sistema que ejecuta la aplicación, tales como la cámara, sistema de archivos, apps externas, sensores, etc. Ionic y Capacitor ¿Qué es Capacitor? Capacitor es una herramienta que nos permite encapsular dentro de un proyecto java, un proyecto únicamente web. Permitiéndonos utilizar el IDE: Android Studio para ejecutar un build y exportar la aplicación como .apk. Adicionalmente también podemos desarrollar para ios,…continue reading →

Uso de la API de Spotify

El mayor problema que nos puede presentar la API de Spotify es la autenticación del usuario, sí que es verdad que la mayoría de las peticiones tiene un cierto limite de envío de datos, esto quiere decir, que, si por ejemplo queremos mostrar nuestras listas de reproducción, la api solo nos devolverá 50 resultados. Este problema lo podremos solucionar con un bucle realmente sencillo, pero para ello debemos conocer la cantidad de listas que tenemos, lo veremos mas adelante. Primeros Pasos Lo primero de todo es crear nuestro proyecto de react con el…continue reading →

Integración API NLPCloud en VUE.js para el uso de modelos neuronales remotos desde un cliente

Introducción y objetivos Hola buenas, en este post les voy a explicar cómo conectar de manera muy sencilla un proyecto de VUE.js desde 0 a un modelo neuronal. He decidido basarme en los modelos alojados en NLPCloud, que es una plataforma que da acceso libre a los desarrolladores y usuarios para que trabajen con ciertos modelos. Estos modelos, de diferentes temáticas, (desde generadores de texto, a imágenes) preentrenados con un gran volumen de datos, son modelos desarrollados por empresas privadas como Facebook, DeepMind o Google, y dependiendo de la categoría algunos se encuentran…continue reading →