Full Stack

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 →

Uso del buscador de la librería Fuzzy en Vue

Introducción Hola, bienvenidos al post donde veremos como trabajar con la librería de node Fuzzy en Vue Js. Esta librería nos permite integrar un buscador en nuestra página web en cuestión de minutos. https://www.flickr.com/photos/197047466@N06/52527676239/in/dateposted-public/ Tendréis disponibles al final del post el código de GitHub con varios ejemplos para que veáis el potencial y el funcionamiento de este buscador, además del repositorio del autor de la librería. Requisitos Para poder seguir este tutorial correctamente, es necesario tener Vue Js instalado y crear un proyecto para ello ejecutaremos el siguiente comando: vue create nombredelproyecto En este…continue reading →