Cómo darle una tarea a la IA
Lección 4 de 26 del curso «Vibe coding». Gratis, con animaciones y un test.
Describe el resultado
No «haz un sitio», sino qué exactamente: para quién, qué secciones, qué botones, cómo se ve en el celular. Ejemplo: «Sitio de una página para una cafetería: menú, dirección, botón para pedir por Telegram, tema oscuro, cómodo en el celular». La IA no conoce tus planes y llenará los huecos como pueda. Cuanto más preciso, menos tendrás que rehacer.
Pasos pequeños
Una función (feature) es una parte del proyecto, como un menú o un formulario. Pide una a la vez: primero la estructura, o sea, el esqueleto vacío de la página, luego el menú, luego el formulario. Pruebas, guardas, sigues. Si pides todo junto, la IA se enreda y tú no sabrás qué se rompió. Un paso pequeño es fácil de probar y deshacer.
Guardar, volver atrás, publicar
Guardar es fijar una versión que funciona para poder volver a ella. Muchas herramientas de IA tienen un historial de versiones; los programadores usan Git, un programa que guarda versiones del código. Volver atrás es regresar a la última versión buena si un paso nuevo rompió algo. Publicar (deploy) es subir el proyecto a internet para que otros lo abran con un enlace. Va al final, con todo probado.
Pasa el error completo
Si algo no funciona, busca el texto del error. Suele aparecer en rojo en la consola del navegador: en la computadora presiona F12 y abre la pestaña Console. Copia el error completo y cuenta qué hiciste justo antes. Con «no funciona» la IA solo puede adivinar. Con un error exacto como «Cannot read properties of undefined» muchas veces encuentra la causa al instante.
Ponte a prueba
- ¿Qué tarea para la IA es mejor?
Respuesta correcta: «Sitio de fotógrafo: galería, precios, botón de Telegram, cómodo en el celular». Secciones y requisitos concretos ahorran horas de cambios. «Bonito» o «como todos» la IA lo entenderá a su manera. - ¿Cómo conviene armar un proyecto?
Respuesta correcta: Una función a la vez, probando cada una. Los pasos pequeños son fáciles de probar y deshacer. Si algo se rompe, sabes enseguida qué paso fue. - El código muestra un error. ¿Qué le mandas a la IA?
Respuesta correcta: El texto completo del error y qué hiciste. El error exacto más tus pasos es el camino más rápido. Con «se rompió» la IA solo puede adivinar.
← De qué está hecho un sitio web Primero el plan: una página →