Tutorial

Construí tu primera app sin saber programar

Describí tu app en español, dejá que la IA escriba el código y tené un cotizador funcionando hoy: un archivo HTML, doble clic, cero instalación.

PrincipianteConstruir apps4 min de lectura

Hoy vas a construir una app de verdad —un cotizador para tu negocio— sin escribir una sola línea de código: la describís en español y la IA la programa por vos. Es para vos si trabajás en marketing, ventas o cualquier oficio no técnico y todavía sentís que "hacer software" es territorio ajeno. Yo tampoco soy dev, y con este método armé decenas de herramientas que uso todos los días.

Antes de empezar

  • Un asistente de IA que escriba código. Yo trabajo con Claude (el chat alcanza; Claude Code en la terminal es mejor todavía), pero los pasos sirven con cualquier asistente serio. El plan gratuito da para este tutorial; los de pago cuestan unos dólares al mes y te dan más uso.
  • Una idea chica que te sirva a VOS. Acá armamos un cotizador: cargás tus productos o servicios con su precio, marcás cantidades y te calcula el total. Si preferís otra cosa —control de gastos, agenda de clientes— los pasos son idénticos.
  • Un navegador y una hora libre. La app aparece en minutos; el resto del tiempo es para probarla y pulirla, que es donde de verdad se aprende.

Paso 1 — Achicá la idea hasta que entre en una frase

Regla simple: si tu app no se explica en una frase, todavía no es tu primera app. "Un cotizador donde cargo servicios con precio y me calcula el total" entra. "Un marketplace con usuarios, pagos y notificaciones" no entra. Para la primera vez, nada de cuentas de usuario, nada de cobros, nada de base de datos. El objetivo de hoy no es la app perfecta: es que vivas el ciclo completo de pedir, recibir, probar y corregir.

Paso 2 — Redactá el pedido como cliente exigente, no como programador

No hace falta jerga técnica. Hace falta claridad: qué hace, cómo se ve, qué NO lleva. Copiá esto y adaptalo a tu negocio:

Necesito un cotizador para mi negocio. Manejo una lista de servicios,
cada uno con nombre y precio. Quiero: agregar, editar y borrar
servicios; elegir la cantidad de cada uno; ver el total actualizado
al instante; y aplicar un descuento en porcentaje. Que mi lista quede
guardada en el navegador para no recargarla cada vez. Diseño moderno,
fondo oscuro, usable desde el celular. Entregámelo en UN solo archivo
HTML que funcione con doble clic, sin internet y sin cuentas.

El detalle de "un solo archivo HTML" es el truco que le enseño a todo principiante: un archivo, doble clic, y funciona. Cero instalación, cero configuración, cero excusas.

Paso 3 — Generá el archivo y abrilo

Mandá el pedido y esperá. Si usás el chat, pedile el código completo y pegalo en el Bloc de notas; guardalo como cotizador.html (importante: que termine en .html, no en .txt). Si usás Claude Code, el archivo se crea solo en tu carpeta. Doble clic y tu app se abre en el navegador. Sí, así de directo.

Paso 4 — Rompela a propósito

Esta es la parte que casi todos se saltan y por eso sus apps fallan frente a otra gente. Usala con mala intención: descuento del 200%, precio negativo, servicio sin nombre, cincuenta servicios de golpe, cerrar y reabrir el navegador a ver si guardó. Anotá cada comportamiento raro. Encontrar los problemas vos, antes que un cliente, es la diferencia entre jugar y operar.

Paso 5 — Corregí de a un cambio por vez

Para arreglar no necesitás leer código: necesitás describir el problema como se lo contarías a un empleado nuevo.

Si pongo un descuento mayor a 100, el total queda en negativo.
Poné un tope de 100 al descuento y mostrá un aviso cuando alguien
intente pasarse.

Un pedido, una prueba, siguiente pedido. Ese ida y vuelta es construir software con IA: la máquina pone el código, vos ponés el criterio.

Errores comunes

  • Pedir todo junto en el primer mensaje. Diez funciones de entrada dan una app confusa que no hace bien ninguna. Arreglo: versión mínima primero, el resto de a una.
  • Creerle el "ya está listo". La IA a veces declara victoria con cosas rotas adentro. Arreglo: probá cada función con tus manos, como usuario real.
  • Amontonar cinco correcciones en un mensaje. Alguna se pierde y no sabés cuál rompió qué. Arreglo: un cambio por mensaje, siempre.
  • Pisar la versión que funcionaba. Pediste un cambio grande y volvió rota. Arreglo: antes de cambios grandes, duplicá el archivo con otro nombre (cotizador-v2.html). Gratis y te salva la tarde.

Siguiente paso

Ya tenés el ciclo en el cuerpo: pedir, probar, corregir. Lo que sigue es planificar antes de construir —escribir un blueprint para proyectos que no entran en un archivo— y probar Claude Code en la terminal, donde la IA además crea archivos, corre comandos y verifica sola. La primera app es la más difícil de todas, y la tuya ya existe.

¿Lo querés funcionando en tu negocio?

Mirá cómo trabajamos, o entrá gratis a la comunidad y preguntá lo que te trabó.

Seguí aprendiendo

En esta guía
  1. Antes de empezar
  2. Paso 1 — Achicá la idea hasta que entre en una frase
  3. Paso 2 — Redactá el pedido como cliente exigente, no como programador
  4. Paso 3 — Generá el archivo y abrilo
  5. Paso 4 — Rompela a propósito
  6. Paso 5 — Corregí de a un cambio por vez
  7. Errores comunes
  8. Siguiente paso