Sin categoría

Google OAuth 2.0 en ASP.NET Core

En este post veremos cómo integrar Google OAuth 2.0 en una aplicación ASP.NET Core MVC. La idea es permitir que los usuarios inicien sesión utilizando sus cuentas de Google, lo que simplifica la autenticación, mejora la experiencia de usuario y reduce la necesidad de gestionar contraseñas propias. A continuación, te presento una guía paso a paso, conceptos clave y algunas preguntas frecuentes. ¿Qué es OAuth 2.0? OAuth 2.0 es un protocolo de autorización que permite a las aplicaciones acceder a recursos protegidos sin necesidad de que el usuario comparta sus credenciales. En lugar…continue reading →

Crea tu propio Spotify Wrapper

En este post aprenderemos cómo crear un producto basado en una API pública y algunos de los riesgos que conlleva a nivel de negocio. En concreto veremos dos tipo de autentificación para el consumo de la API, client credentials y OAuth PKCE: para ello construiremos, una barra de búsqueda de la lista de álbums del artista seleccionado con react-vite, y un Spotify Wrapper personalizado con vainilla js. Este post se basaba en una red social musical https://github.com/spariva/Music-Life que hice como TFG, donde podías crear playlists añadiendo parámetros personalizados, afinando así el algoritmo de…continue reading →

La librería RxJS: Reactive Extensions for JavaScript

El Problema En el desarrollo de aplicaciones web modernas, uno de los mayores retos es manejar flujos de datos en tiempo real, como puede ser una aplicación de mensajería instantánea, eventos de usuario, actualizaciones de una API... Con el uso tradicional de promesas anidadas, callbacks, estados múltiples, la complejidad del código aumenta de forma no sostenible. Es por esto que se utiliza la librería RxJS (Reactive Extensions for JavaScript). Puntos Importantes ¿Qué es RxJS?: RxJS es una librería que implementa el paradigma de programación reactiva en JavaScript. Permite trabajar con observables, que son…continue reading →

🌏Cómo internacionalizar un proyecto + práctica

La internacionalización, conocida también como i18n, es una práctica esencial para los desarrolladores que quieren que sus aplicaciones sean accesibles a nivel global. Pero, ¿qué significa exactamente i18n y cómo se puede implementar de forma efectiva? 1. ¿Qué es i18n? i18n es una abreviatura para "internacionalización", donde el "18" representa el número de letras entre la primera "i" y la última "n". Esta práctica es importante ya que permite que la aplicación sea accesible en diferentes mercados, mejora la experiencia del usuario al respetar idiomas, formatos de fechas, monedas... y es clave para…continue reading →

8+1 Funciones Esenciales de Figma para Diseñar una App

Figma es una de las herramientas más populares para el diseño de interfaces y prototipos interactivos. Esta documentación reúne 8+1 funciones esenciales que debes conocer para diseñar una app de manera eficiente. Desde la creación de proyectos hasta el uso de herramientas avanzadas como Auto Layout y Plugins, este documento junto con el vídeo te guiará paso a paso para sacar el máximo provecho de esta plataforma. 1. Crear un Proyecto Ve a la pestaña principal de Figma. Haz clic en Create New Design File para iniciar un nuevo proyecto. 2. Paneles Principales…continue reading →

Dominando las Ramas de GitHub

Introducción: En el desarrollo de software colaborativo, gestionar el código de forma eficiente es esencial para evitar errores y duplicar esfuerzos. Aquí es donde las ramas en GitHub juegan un papel fundamental. Pero, ¿Cómo se crean y fusionan ramas de manera eficaz? En esta guía, resolveremos estas preguntas paso a paso. Cuando trabajas en equipo en un proyecto de software, todos los desarrolladores comparten el mismo repositorio. Sin una correcta gestión del flujo de trabajo, podrían surgir: Conflictos de código al fusionar cambios. Cambios no deseados en la versión estable del proyecto. Dificultad…continue reading →