Mermaid: Diagramas como código

Este curso introduce a profesionales técnicos en la creación de diagramas mediante sintaxis de texto plano con Mermaid. Los participantes aprenden a generar diagramas de flujo y secuencia, e integrarlos en documentación Markdown alojada en repositorio. Al finalizar, son capaces de producir y mantener diagramas básicos como código dentro de su flujo de documentación habitual.

Al finalizar el curso, el participante será capaz de:

• Reconocer la sintaxis de Mermaid y el concepto de diagrama como código
• Crear diagramas de flujo básicos con nodos, conexiones y etiquetas
• Crear diagramas de secuencia simples para representar interacciones entre actores
• Insertar diagramas Mermaid en documentación Markdown y verificar su renderizado

1. Introducción a Mermaid — filosofía diagrama-como-código, ventajas sobre herramientas gráficas, entorno y editores en línea
2. Diagramas de flujo (flowchart) — sintaxis básica, nodos y formas, conexiones y flechas, subgrafos simples
3. Diagramas de secuencia — participantes y actores, mensajes síncronos y asíncronos, notas básicas
4. Integración en Markdown — inserción en documentos Markdown, renderizado en GitHub/GitLab, inclusión en repositorio

• Editor de texto con soporte Markdown (VS Code, IntelliJ IDEA, o similar)
• Navegador web moderno para acceso a Mermaid Live Editor (https://mermaid.live)
• Git instalado (versión 2.x o superior)
• Cuenta en GitHub, GitLab o Bitbucket para prácticas de versionado

Familiaridad básica con sintaxis Markdown. Conocimientos elementales de control de versiones Git (commit, push, pull). Comprensión de conceptos técnicos como flujos de proceso, interacciones entre sistemas o modelos de datos relacionales según el ámbito de aplicación del participante.