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 →

Implementación de librería de Iconos de Font-Awesome en React

Existen problemas de accesibilidad web debido a dificultades con el lenguaje. Hay que hacer lo mas accesibles las páginas webs, para aquellas personas que, o bien no conocen el idioma o tienen problemas con el lenguaje. La solución es hacer las páginas lo mas minimalistas y visuales posibles. Añadiendo pequeños iconos haciendo referencia a cada acción que se puede realizar en la página web. Para ello tendremos que implementar en nuestro proyecto la librería iconos de Font-Awesome. Empezando por instalarla, siguiendo la guía de la documentación para React: https://flic.kr/p/2o2We8Y Instalamos los paquetes de…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 →

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 →