Referencia

Glosario de términos

Vocabulario técnico, siglas y anglicismos que aparecen en este sitio, explicados para cualquier persona, independientemente de su experiencia tecnológica.

Siglas y acrónimos

Abreviaciones de uso frecuente en desarrollo web y diseño digital.

UI: User Interface (Interfaz de Usuario). Elementos visuales e interactivos de un producto: botones, formularios, tipografía, colores.
UX: User Experience (Experiencia de Usuario). Diseño de interacción, usabilidad y satisfacción durante el uso de un producto.
API: Application Programming Interface. Conjunto de reglas que permiten que dos aplicaciones se comuniquen entre sí (por ejemplo, un sitio web que consulta datos de un servidor externo).
SEO: Search Engine Optimization (Optimización para Motores de Búsqueda). Conjunto de prácticas para que un sitio web aparezca mejor posicionado en buscadores como Google.
PWA: Progressive Web App. Aplicación web que puede instalarse en el dispositivo y funcionar sin conexión, combinando lo mejor de los sitios web y las apps nativas.
SaaS: Software as a Service (Software como Servicio). Producto de software que se usa a través del navegador o internet, pagando una suscripción, sin necesidad de instalarlo.
RSC: React Server Components. Componentes de React que se ejecutan en el servidor, enviando al navegador solo el HTML necesario para mejorar la velocidad y el SEO.
WCAG: Web Content Accessibility Guidelines. Pautas internacionales de accesibilidad web para garantizar que el contenido digital pueda ser usado por todas las personas, incluidas aquellas con discapacidad.
QR: Quick Response (Respuesta Rápida). Código de barras bidimensional que puede escanearse con la cámara del celular para abrir una URL, compartir información o iniciar una acción.

Core Web Vitals

Métricas de Google que miden la experiencia real del usuario al cargar y usar una página.

Core Web Vitals: Indicadores clave de rendimiento web definidos por Google: LCP, INP y CLS. Influyen en el posicionamiento del sitio en buscadores.
LCP: Largest Contentful Paint. Mide cuánto tarda en aparecer el elemento más grande visible de la página (imagen principal, título). Buen valor: menos de 2.5 segundos.
INP: Interaction to Next Paint. Mide qué tan rápido responde visualmente la página cuando el usuario hace click o escribe. Reemplazó al FID desde 2024.
CLS: Cumulative Layout Shift. Mide cuánto se mueven los elementos de la página mientras carga (ej: un botón que salta de lugar). Buen valor: menos de 0.1.

Anglicismos del sector

Términos en inglés de uso habitual en proyectos y equipos de tecnología.

Backend: Parte del desarrollo que se ejecuta en el servidor: lógica de negocio, base de datos, autenticación. El usuario no lo ve directamente.
Stack: Conjunto de tecnologías utilizadas para construir una aplicación (ej: React + TypeScript + Firebase).
Serverless: Modelo de despliegue donde el proveedor de nube gestiona la infraestructura automáticamente. El equipo solo escribe funciones y paga por ejecución.
Ecommerce: Comercio electrónico. Plataforma digital que permite vender productos o servicios en línea, con carrito de compras y flujo de pago.
Dashboard: Panel de control. Interfaz que centraliza datos e indicadores para que una persona o equipo pueda monitorear y gestionar información en un solo lugar.
Back-office: Parte interna o administrativa de un sistema. Interfaz de gestión que usan los operadores del negocio, invisible para los clientes finales.
Landing page: Página de aterrizaje. Página web diseñada con un objetivo específico: presentar un producto, capturar un contacto o dirigir al usuario a una acción concreta.
Responsive: Diseño que adapta automáticamente su estructura y proporciones a distintos tamaños de pantalla: celular, tablet, escritorio.
Mobile-first: Estrategia de diseño que comienza por la versión móvil del producto y luego escala a pantallas más grandes, priorizando la experiencia en celular.
Performance: Rendimiento. En desarrollo web, se refiere a qué tan rápido carga y responde un sitio: velocidad, peso de recursos, estabilidad visual.
Feedback: Respuesta visual o comunicativa que recibe el usuario al realizar una acción (ej: mensaje de confirmación al enviar un formulario, animación de carga).
Framework: Conjunto de herramientas, convenciones y estructuras predefinidas que facilitan el desarrollo de software. Ej: React, Astro, Waku.
Open source: Código abierto. Software cuyo código fuente es público y puede ser estudiado, modificado y distribuido libremente.
Jamstack: Arquitectura web basada en JavaScript, APIs y Markup pregenerado. Los sitios se sirven como archivos estáticos, lo que mejora velocidad, seguridad y escalabilidad.

Conceptos de producto y UX

Términos relacionados con diseño de producto, experiencia de usuario y decisiones de desarrollo.

Product Engineering: Ingeniería de producto. Perfil que combina desarrollo técnico con criterio de producto: entiende el negocio, las personas usuarias y el impacto, no solo el código.
Estado global: Información compartida entre múltiples partes de una aplicación (ej: usuario autenticado, carrito de compras). Se gestiona con herramientas como Zustand o Redux.
Conversión: En producto digital, acción que completa el objetivo del negocio: una compra, un registro, un contacto enviado. El diseño orientado a conversión busca reducir obstáculos para que ocurra.
Fricción: Resistencia o dificultad que experimenta el usuario al intentar completar una tarea. Reducir la fricción es un principio central de buen diseño UX.
Huella de carbono digital: Impacto ambiental generado por el consumo energético de sitios y servicios digitales: servidores, transferencia de datos, dispositivos del usuario.
Mantenibilidad: Cualidad de un sistema de software que facilita su modificación, corrección y extensión futura sin romper lo existente.

Tecnologías mencionadas en este sitio

Herramientas y plataformas que aparecen en proyectos o servicios de Gato Rojo Lab.

React: Biblioteca de JavaScript de Meta para construir interfaces de usuario mediante componentes reutilizables.
TypeScript: Superconjunto tipado de JavaScript. Agrega tipos estáticos al lenguaje para detectar errores antes de ejecutar el código.
Waku: Meta-framework minimalista para React con soporte nativo de React Server Components. Diseñado para sitios rápidos con arquitectura moderna.
Astro: Framework web orientado a contenido que genera HTML estático por defecto y solo carga JavaScript donde es necesario.
Zustand: Biblioteca ligera de gestión de estado global para React. Alternativa simple a Redux.
Firebase: Plataforma de Google que provee base de datos en tiempo real, autenticación, hosting y otras funciones de backend como servicio.
Netlify / Vercel: Plataformas de despliegue en la nube especializadas en sitios y aplicaciones web. Permiten publicar proyectos automáticamente desde un repositorio.
TailwindCSS: Framework de CSS utilitario. En lugar de escribir hojas de estilo, se aplican clases directamente en el HTML para definir el diseño visual.
MichiRouter: Router minimalista de código abierto para React, desarrollado por Gato Rojo Lab. Gestiona la navegación entre páginas en aplicaciones React sin dependencias pesadas.
Keg: Contenedor presurizado para almacenar y servir bebidas, habitualmente cerveza. Término central en el proyecto SUPER KEG.
Devs: Abreviación informal de desarrolladoras/es de software. Personas que crean y mantienen aplicaciones, sitios web y sistemas.