Workshop Vibecoding

Mapa de Posibilidades

¿Qué puede hacer una web?

Una página web es mucho más que un conjunto de textos e imágenes estáticas.

Las tecnologías web contemporáneas permiten construir experiencias complejas que combinan información, interacción, visualización, sonido y conexiones con sistemas externos.

Este documento funciona como un catálogo de las capacidades creativas nativas del navegador.

Diseño e Interacciones

El navegador permite estructurar sistemas tipográficos flexibles, diseño editorial adaptable y navegación personalizada.

Los eventos del usuario (desplazamientos, clics, movimientos del ratón) modifican la interfaz dinámicamente y transforman la lectura pasiva en participación.

Gráficos Vectoriales (SVG)

El formato SVG (Scalable Vector Graphics) y las APIs de Canvas 2D permiten dibujar gráficos directamente en pantalla.

A diferencia de las imágenes estáticas, los gráficos SVG se definen con código y pueden ser alterados paramétricamente en tiempo real por el usuario.

Datos y APIs Externas

Una página web puede conectarse de forma transparente con servidores de todo el mundo para solicitar y enviar datos mediante APIs públicas.

Esto permite renderizar información en tiempo real, conectarse a bases de datos remotas y actualizar contenidos dinámicamente.

Integración Web3

El navegador puede conectarse directamente a redes blockchain para leer contratos inteligentes, interactuar con colecciones de NFTs y realizar transacciones seguras mediante wallets instaladas en el navegador.

Acceso a Dispositivos

A través de las APIs nativas del navegador, es posible solicitar permisos para acceder a hardware del dispositivo: cámara, micrófono, geolocalización, acelerómetro y pantallas táctiles.

Esto permite construir herramientas interactivas basadas en el entorno físico del usuario.

Inteligencia Artificial Integrada

Las páginas web pueden ejecutar modelos de machine learning directamente en el navegador (usando WebGL/WebGPU) o conectarse a APIs de IA generativa remotas.

Permite analizar audio, clasificar imágenes desde la cámara o procesar textos sin necesidad de servidores costosos.

Herramientas y Dashboards

Las aplicaciones web son excelentes para gestionar datos, construir paneles de control, generar reportes y conceptualizar catálogos dinámicos.

La persistencia local (LocalStorage) permite que las herramientas recuerden la información del usuario en su propia máquina sin requerir registros complejos.

Arte Generativo y Obras

La web también es un soporte artístico autónomo. El arte generativo, las narrativas interactivas y las performances digitales encuentran en el navegador su espacio natural de exhibición.

Las obras en la web son inmersivas y se ejecutan directamente en la computadora del espectador en tiempo real.

Pregunta Central

Antes de preguntarnos cómo construir algo, debemos preguntarnos qué queremos construir.

El propósito de este workshop es expandir tu campo de posibilidades para que identifiques las herramientas mínimas y adecuadas capaces de materializar tu idea creativa.