Desarrollo

Area de coordinación enfocada a Desarrollo

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 →

Implementación de Google reCAPTCHA en ASP.NET

https://www.youtube.com/watch?v=ubb74amYEvk&feature=youtu.be Si alguna vez has tenido que marcar la casilla "No soy un robot" o elegir imágenes con semáforos, ya te has encontrado con Google reCAPTCHA. Pero, ¿para qué sirve realmente? Internet está lleno de formularios: para registrarte en un sitio, dejar un comentario o rellenar una encuesta. El problema es que también son un blanco fácil para bots maliciosos, que los usan para enviar spam, lanzar ataques automatizados o incluso intentar robar información. Aquí es donde entra en juego Google reCAPTCHA. Es una herramienta gratuita que ayuda a los sitios web a…continue reading →

UX y UI: Qué es y por qué importa.

En este post veremos cómo aplicar y comprender los principios de UX (User Experience) y UI (User Interface) en el diseño web para mejorar la experiencia de usuario. La idea es entender la diferencia entre ambos conceptos, explorar el proceso de UX y analizar los principios de UI. Esto nos permitirá crear productos digitales intuitivos, accesibles y visualmente atractivos. ¿Qué son UX y UI y cuáles son sus roles? Son el proceso de creación de productos digitales para que sean fáciles y atractivos de utilizar. Aunque estos dos conceptos están ligados entre ellos,…continue reading →

CHAT CON SIGNALR

¿QUÉ ES SIGNALR Y CUÁL ES SU FUNCIONALIDAD? SignalR de ASP.NET es una biblioteca para los desarrolladores que simplifica el proceso de agregar funcionalidad web en tiempo real a las aplicaciones como bien puede ser un chat cliente servidor. INSTALACIÓN EN UN PROYECTO Para poder implementarlo esta librería en nuestro proyecto deberemos crearnos un proyecto desde cero de ASP .NET Core Web App, una vez creado el proyecto con clic derecho sobre el proyecto iremos al apartado donde pone Add, y dentro de este pulsaremos en Client-Side Library… https://flic.kr/p/2qT8Nf7 Tras pulsarlo nos saldrá la siguiente pantalla en la cual deberemos colocar los…continue reading →

Creación de un Avatar de usuario automático en ASP.NET Core MVC

https://www.youtube.com/watch?v=Ow6hqKKBRU0 Introducción ¿Alguna vez has necesitado implementar un sistema de avatares para los usuarios de tu aplicación web, pero no quieres depender de servicios externos o requerir que tus usuarios suban sus propias imágenes? Una solución elegante es generar avatares dinámicamente basados en las iniciales del usuario y un color de fondo personalizado. En muchas aplicaciones modernas, los avatares son un elemento visual importante que ayuda a identificar a los usuarios. Sin embargo, no todos los usuarios cargan una foto de perfil, lo que puede resultar en una experiencia visual inconsistente. ¿Por qué…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 →