Tracking de Pedidos en Tiempo Real con Angular, ASP.NET Core, SignalR y Azure Cosmos DB

Temas del Master que cubre este proyecto Este proyecto integra contenidos de varias areas del Master en Desarrollo Full Stack + Arquitecturas Cloud: Arquitectura: SPA desacoplada Angular + API REST, diseno de APIs RESTful escalables y versionadas, patron Repository en ASP.NET Core Seguridad: Autenticacion y autorizacion con JWT, gestion de roles y politicas en APIs REST, proteccion CORS Computacion en la nube: Base de datos en Azure (Cosmos DB como equivalente a MongoDB Atlas en la nube) Comunicacion y Tiempo Real: SignalR en ASP.NET Core para aplicaciones en tiempo real, arquitectura orientada a…continue reading →

Arquitectura SPA desacoplada: Angular + API REST con JWT paso a paso

🚨 El problema: cuando el frontend y el backend viven pegados Si llevas un tiempo desarrollando aplicaciones web, es probable que hayas empezado con proyectos donde el servidor genera el HTML directamente y lo manda al navegador. Funciona, pero escala mal. ¿Qué pasa cuando el equipo de front y el de back quieren trabajar por separado? ¿O cuando la misma API necesita servir a una app móvil además de a la web? Aquí es donde aparece la arquitectura SPA desacoplada: el frontend es una aplicación completamente independiente que vive en el navegador, y…continue reading →
Clean Architecture y Patrón Repository en ASP.NET Core

Clean Architecture y Patrón Repository en ASP.NET Core

¿Cuántas veces has abierto un proyecto de hace seis meses y no has sabido por dónde empezar? ¿O has querido cambiar la base de datos y has terminado tocando diez archivos distintos porque todo estaba mezclado? Ese es exactamente el problema que resuelve Clean Architecture: separar las responsabilidades de tu aplicación de forma que cada parte viva donde le corresponde, y que el núcleo de tu lógica de negocio no dependa de ningún framework externo. En este artículo construimos desde cero una API de gestión de tareas llamada CleanTodo usando ASP.NET Core, MediatR,…continue reading →

Guía Paso a Paso: Caché Distribuida con Redis en ASP.NET y React

En el desarrollo de portales web modernos —especialmente aquellos con una alta carga visual e información estática como portales de turismo o catálogos— la velocidad de carga es crucial para la experiencia del usuario (UX) y el posicionamiento SEO. Consultar repetidamente una base de datos para obtener información que apenas varía ralentiza la aplicación y eleva innecesariamente los costes en la nube. Para entenderlo de forma sencilla: imagina que trabajas en una biblioteca. Cada vez que un usuario te pide un mapa de Madrid, tienes que levantarte, ir al almacén del fondo, buscarlo…continue reading →

Construyendo un CV Interactivo: Arquitectura, lógica y diseño.

Si eres desarrollador, te propongo que diseñes tu propio CV interactivo. Te hará diferenciarte del resto de profesionales. Además en él podrás ir subiendo actualizaciones de nuevos proyectos, formación y nuevos certificaciones adquiridas. En este vídeo tutorial os hablo de las ventajas y desventajas. Os muestro mi proyecto terminado y una breve introducción de como he diseñado el código del mismo. Además que herramientas he utilizado para su despliegue. Por otra parte en esta publicación aprovecho para extenderme más y enseñaros todos los pasos que he realizado para crear este proyecto y finalmente…continue reading →

Auditoría Automática de Aplicaciones Web con Playwright e IA

Introducción En el desarrollo web moderno, la calidad del software es clave para ofrecer una buena experiencia a los usuarios. Evaluar el rendimiento, accesibilidad, errores y seguridad de una aplicación web es una tarea fundamental que puede ser tediosa si se hace manualmente. En este blog, exploraremos cómo automatizar una auditoría web utilizando Playwright, IA (axe-core) y PDFKit, generando informes detallados con gráficos para una representación visual clara de los resultados. El objetivo es la automatización de auditorías web con Playwright e IA para mejorar el rendimiento y la accesibilidad de aplicaciones. Planteamiento…continue reading →