HTML

EcoTaskApp: Aplicación Web de Gestión de Tareas Ecológicas con Angular

Introducción La concienciación medioambiental se ha convertido en uno de los principales retos de la sociedad actual. Cada vez más personas desean adoptar hábitos sostenibles, pero en muchas ocasiones carecen de herramientas que les permitan organizar, controlar y realizar un seguimiento de sus acciones ecológicas. Ante esta necesidad surge EcoTaskApp, una aplicación web desarrollada con Angular cuyo objetivo es facilitar la gestión de tareas relacionadas con el cuidado del medioambiente y promover hábitos sostenibles mediante un sistema de seguimiento y recompensas. EcoTaskApp permite a los usuarios registrarse, iniciar sesión, crear tareas ecológicas, clasificarlas…continue reading →

SignalR en ASP.NET Core para aplicaciones en tiempo real

¿Qué problema queremos resolver?Imagina que tienes una aplicación web y quieres que, cuando ocurra algo en el servidor, los usuarios lo vean al instante. Sin recargar la página. Sin pulsar ningún botón.Suena sencillo, pero HTTP no funciona así. En el modelo clásico de la web, siempre es el navegador quien pregunta y el servidor quien responde. El servidor no puede tomar la iniciativa y enviar datos por su cuenta.La solución habitual ha sido el polling: el navegador pregunta al servidor cada pocos segundos si hay algo nuevo. Funciona, pero es ineficiente. Si el…continue reading →

Paradigmas de la Observabilidad en Aplicaciones Modernas: Un Análisis Riguroso de Logs, Métricas y Trazas Distribuidas

Paradigmas de la Observabilidad en Aplicaciones Modernas: Un Análisis Riguroso de Logs, Métricas y Trazas Distribuidas La transición hacia arquitecturas descentralizadas en la nube ha transformado la infraestructura de software en un ecosistema dinámico y, a menudo, opaco. Esta guía técnica analiza la Observabilidad no como un conjunto de herramientas de monitoreo reactivo, sino como un imperativo arquitectónico. A través del estudio de los tres vectores de telemetría esenciales —logs estructurados, métricas de series temporales y trazas distribuidas—, examinaremos cómo diagnosticar fallos imprevistos, mitigar la latencia en cascada y optimizar el tiempo medio…continue reading →

Dashboard visual para microservicios con .NET 8, API

En este artículo presento un dashboard microservicios API Gateway desarrollado con .NET 8, ASP.NET Core y JavaScript. El proyecto tiene un objetivo claro: crear una aplicación visual para consultar varios microservicios desde una sola pantalla. Para conseguirlo, he utilizado un API Gateway como punto de entrada principal. Gracias a este enfoque, el frontend no necesita llamar directamente a cada servicio. En su lugar, todas las peticiones pasan primero por el Gateway. Después, el Gateway decide qué microservicio debe responder. Esta solución ayuda a organizar mejor la arquitectura. Además, permite explicar el funcionamiento de…continue reading →

Profundizando en las Props de React con una aplicación de Redes Sociales

https://www.youtube.com/watch?v=GCETu0bH_kIEn este post, explicaré las diferentes facetas de las props utilizando una simulación de una aplicación de redes sociales como contexto. Veremos la sintaxis, los tipos de datos y los patrones de diseño que hacen que las props sean un componente fundamental en el desarrollo de aplicaciones React. Introducción a las Props en React En el desarrollo de aplicaciones React, la comunicación efectiva entre componentes es clave. Aquí es donde entran en juego las props (propiedades). Las props permiten la transferencia de datos desde un componente "padre" a un componente "hijo", creando así…continue reading →

Cómo validar un formulario con DataAnnotations

¿Sabías que puedes validar un formulario de html fácil, rápido y sencillo con ASP Net Core? En este tutorial os voy a enseñar a como validar un formulario mediante DataAnnotations a través de un model. Antes de comenzar con el tutorial os voy a explicar que son los DataAnnotations. Los DataAnnotations son nos permite llevar a cabo validaciones de datos de acuerdo a nuestras necesidades. Esas necesidades son decoraciones que indicaremos a los miembros de nuestras entidades. Una decoración corresponderá a una validación. Hay mútiples tipos de validaciones desde un teléfono, un email,…continue reading →