Explicaciones visuales
Explicaciones visuales interactivas de sistemas, marcos de trabajo y arquitecturas: de cómo funcionan internet y OAuth al Business Model Canvas, los microservicios y CI/CD. Cada una es un lienzo real de FlowJam en QueryChart que puedes abrir y editar.
Todas las páginas
- Cómo funciona internet: una explicación visual — Cómo funciona internet, explicado en un lienzo interactivo: tu dispositivo, la red local, la infraestructura de los ISP y un servidor web, y cómo los recorren una petición y su respuesta.
- Cómo funciona el DNS: de un nombre de dominio a una dirección IP — Cómo funciona el DNS en un lienzo interactivo: tu dispositivo, el resolutor recursivo y los servidores raíz, TLD y autoritativo que convierten un nombre de dominio en una dirección IP.
- Cómo funciona HTTPS: el handshake TLS explicado — Cómo funciona HTTPS en un lienzo interactivo: el handshake TLS entre el navegador y el servidor, el papel de la autoridad de certificación y la sesión cifrada que viene después.
- Cómo funciona OAuth: el flujo de código de autorización — Cómo funciona OAuth en un lienzo interactivo: el flujo de código de autorización entre el usuario, la aplicación cliente, el servidor de autorización y el servidor de recursos.
- Cómo funciona la autenticación con JWT: tokens sin sesiones — Cómo funciona la autenticación con JWT en un lienzo interactivo: las credenciales, el token firmado de tres partes y cómo se verifica cada petición sin estado.
- Cómo funcionan las API REST: la ida y vuelta de una petición — Cómo funcionan las API REST en un lienzo interactivo: cómo se construye una petición HTTP, el enrutamiento y la validación en el servidor, y la respuesta que cierra la ida y vuelta.
- Cómo funciona Docker: construir, distribuir, ejecutar — Cómo funciona Docker, explicado en un lienzo interactivo: del Dockerfile a la imagen, del registro al contenedor y los namespaces y cgroups que aíslan un proceso.
- Cómo funciona Kubernetes: del estado deseado a las cargas en ejecución — Cómo funciona Kubernetes, explicado en un lienzo interactivo: los manifiestos, el plano de control, la planificación y el bucle de reconciliación que mantiene las cargas en ejecución.
- Cómo funciona Git: instantáneas, ramas e historial — Cómo funciona Git en un lienzo interactivo: el directorio de trabajo, el área de preparación, los repositorios local y remoto, y cómo los commits construyen un historial compartido.
- Cómo funcionan los modelos de lenguaje grandes: entrenamiento e inferencia — Cómo funcionan los modelos de lenguaje grandes en un lienzo interactivo: preentrenamiento, ajuste fino (fine-tuning) y el bucle token a token que produce cada respuesta.
- Business Model Canvas: los nueve bloques de un modelo de negocio — El Business Model Canvas en un lienzo interactivo: los nueve bloques —socios, actividades, recursos, propuestas de valor, clientes, canales, relaciones, costes e ingresos— en una sola vista.
- Lean Canvas: nueve cajas para el modelo de una startup — El Lean Canvas en un lienzo interactivo: problema, solución, métricas clave, propuesta única de valor, ventaja injusta, canales, segmentos de clientes, costes e ingresos.
- Mapa del recorrido del cliente: cinco etapas, cinco filas alineadas — Un mapa del recorrido del cliente en un lienzo interactivo: acciones, puntos de contacto, preguntas, puntos de dolor y oportunidades en descubrimiento, consideración, compra, onboarding y retención.
- Ciclo de vida del desarrollo de producto: de la idea al producto entregado — El ciclo de vida del desarrollo de producto en un lienzo interactivo: descubrimiento, definición, diseño, construcción, pruebas y lanzamiento, con puertas de validación y el bucle que alimenta el siguiente ciclo.
- Marco Scrum: el ciclo del sprint explicado — El marco Scrum en un lienzo interactivo: el backlog de producto, la planificación del sprint, las reuniones diarias, la revisión del sprint y la retrospectiva que cierra cada ciclo.
- Flujo de trabajo ágil: de los requisitos a la publicación, en bucle — Un flujo de trabajo ágil en un lienzo interactivo: requisitos, backlog, sprint, demostración, aceptación de las partes interesadas, publicación y la retrospectiva que alimenta el siguiente bucle.
- Análisis DAFO: fortalezas, debilidades, oportunidades y amenazas — Un análisis DAFO (SWOT) en un lienzo interactivo: fortalezas y debilidades dentro de la organización, oportunidades y amenazas fuera, separadas entre lo que ayuda y lo que perjudica.
- Las cinco fuerzas de Porter: qué determina la rentabilidad de un sector — Las cinco fuerzas de Porter en un lienzo interactivo: nuevos entrantes, poder de los proveedores, poder de los compradores, sustitutivos y la rivalidad entre competidores que todos alimentan.
- Análisis de la cadena de valor: actividades primarias y de apoyo — El análisis de la cadena de valor en un lienzo interactivo: las cinco actividades primarias que crean valor, las cuatro actividades de apoyo que las hacen posibles y el margen que producen.
- Marco de planificación OKR: objetivos y resultados clave — El marco OKR en un lienzo interactivo: objetivos y resultados clave en cascada de la empresa al equipo y a la persona, más la cadencia semanal y trimestral que los hace funcionar.
- Arquitectura de microservicios: muchos servicios pequeños, un sistema — La arquitectura de microservicios en un lienzo interactivo: la capa de cliente, el API gateway, los servicios desplegados por separado, la mensajería, los almacenes de datos por servicio y la observabilidad.
- Arquitectura monolítica: una unidad desplegable, una base de datos — La arquitectura monolítica en un lienzo interactivo: una aplicación desplegable con módulos de interfaz, lógica de negocio y acceso a datos, una base de datos compartida y el techo de escalado que eso produce.
- Arquitectura dirigida por eventos: producir, publicar, consumir — La arquitectura dirigida por eventos en un lienzo interactivo: productores, bus de eventos, suscriptores y almacén de eventos, y cómo el desacoplamiento deja entrar a nuevos consumidores sin tocar a los productores.
- Modelo-Vista-Controlador (MVC): entrada, actualización, renderizado — El patrón Modelo-Vista-Controlador en un lienzo interactivo: cómo la entrada del usuario llega al controlador, actualiza el modelo y se renderiza a través de la vista.
- Arquitectura limpia: la regla de dependencia — La arquitectura limpia en un lienzo interactivo: entidades, casos de uso, adaptadores de interfaz y frameworks, y la regla de dependencia que mantiene independiente el núcleo.
- Pipeline de CI/CD: del commit a producción — Un pipeline de CI/CD en un lienzo interactivo: commit, compilación, pruebas, empaquetado, despliegue a preproducción y a producción, y las puertas que deciden si una versión se queda.
- Flujo de autenticación de usuario: del registro a la sesión validada — Un flujo de autenticación de usuario en un lienzo interactivo: creación de la cuenta, hash y almacenamiento de la credencial, inicio de sesión, creación de la sesión y validación de las peticiones protegidas.
- Ciclo de vida de una petición de API: todos sus saltos — El ciclo de vida de una petición de API en un lienzo interactivo: DNS, TCP y TLS, el enrutamiento por el balanceador de carga, el procesamiento en el servidor y el camino de la respuesta.
- Arquitectura de un pipeline de datos: de las fuentes a los hallazgos — La arquitectura de un pipeline de datos en un lienzo interactivo: sistemas de origen, captura de cambios, ingesta, procesamiento por flujo y por lotes, el almacén de datos y el consumo que cierra el bucle.
- Arquitectura de despliegue en la nube: camino de la petición y resiliencia — Una arquitectura de despliegue en la nube en un lienzo interactivo: el borde, el balanceador de carga, la capa de aplicación con autoescalado, la capa de datos y la observabilidad que mantienen el servicio en pie.