Workshop Vibecoding

Metodología

Autonomía técnica asistida

Este workshop propone utilizar herramientas contemporáneas para desarrollar autonomía técnica.

Entendemos la IA como una herramienta de colaboración capaz de acelerar procesos de investigación, documentación y desarrollo. La capacidad de evaluar resultados es una responsabilidad humana.

Comprender antes de automatizar

La automatización resulta más útil cuando existe una comprensión mínima de aquello que está siendo automatizado.

Buscamos desarrollar criterios para interpretar código, identificar problemas, formular pedidos más precisos y evaluar soluciones.

HTML, CSS y JavaScript

La web se construye sobre tres capas fundamentales:

Comprender la diferencia entre estas capas es la base para diagnosticar errores y diseñar con claridad.

Código Vanilla y Componentes Nativos

Trabajamos utilizando tecnologías nativas de la web (HTML5, CSS3, JavaScript Vanilla). Los estándares web permanecen estables y son interpretados directamente por el navegador, mientras que las librerías de moda cambian de forma constante.

El uso de Web Components nativos (Custom Elements, Shadow DOM, HTML Templates) permite encapsular interfaces reutilizables sin la sobrecarga de un motor de renderizado virtual ni dependencias complejas de NPM.

Trabajar con código nativo facilita enormemente la colaboración con la IA: los prompts son concisos, el código generado es limpio y fácil de diagnosticar, y se evita el "infierno de dependencias" de paquetes obsoletos.

La Investigación como Práctica

Una parte fundamental de construir sistemas con IA consiste en aprender a investigar de forma autónoma. No dependemos de memorizar funciones, sino de saber validar y buscar las especificaciones en la documentación oficial.

Aprenderemos a contrastar el código de la IA con la documentación de referencia de **MDN Web Docs** y de APIs abiertas.

Del Proyecto a la Tecnología

Frecuentemente las personas comienzan preguntándose qué herramienta técnica o librería de moda deberían utilizar en su proyecto.

Invertimos esa lógica: primero definimos con claridad la idea, la intención conceptual y los comportamientos interactivos deseados. Posteriormente seleccionamos las tecnologías necesarias para materializarla.

Diseñar desde el concepto y no desde la herramienta previene la sobrecarga tecnológica y te permite mantener el control creativo total, utilizando a la IA como facilitadora y no como decisora.

Colaborar con Agentes

Los agentes de software agilizan los procesos de desarrollo, pero la calidad de los resultados depende directamente de la claridad de los objetivos.

Por eso, el workshop enfatiza la preparación de especificaciones detalladas, la iteración paso a paso y la evaluación rigurosa del código.