JavaScript

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 →

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 →

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 →

Entendiendo Stateful Components en React: Un Viaje Práctico con Tareas Pendientes

https://youtu.be/odY_Ta7dhL0 Introducción En React, uno de los conceptos fundamentales que debemos entender es el de "Componentes con Estado" o "Stateful Components". Este concepto se refiere a componentes de React que tienen la capacidad de mantener y gestionar su propio estado interno. ¿Pero qué significa exactamente esto y por qué es tan crucial para el desarrollo de aplicaciones dinámicas y receptivas? Se explorara este concepto a través de un ejemplo con una aplicación de gestión de tareas. ¿Qué son los "Stateful Components"? React se basa en la construcción de interfaces de usuario mediante componentes,…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 →