← Lumbre

Desarrollo de Software con IA La vida secreta de una página: qué pasa cuando tocas un botón

Portada de La vida secreta de una página: qué pasa cuando tocas un botón

La vida secreta de una página: qué pasa cuando tocas un botón

✦ Tocas "Agregar al carrito" y en medio segundo aparece el aviso de éxito · Desarrollo de Software con IA · 5 minutos que valen la pena

Roadwise Consulting

Contenido modificado tras su publicación

Objetivo: Describir el viaje de una petición desde que oprime un botón hasta que aparece el resultado, pasando por navegador, servidor y base de datos.

5 min Desarrollo de Software con IA 15–99 años
Modo PPTX
Más
La vida secreta de una página: qué pasa cuando tocas un botón

Herramientas de la lección

Sorpréndeme

Sobre este contenido

Ir a

Volver a Módulo 1 · Cómo funciona una aplicación Cursos Explorar Mi cuenta Salir del modo estudio

Toque un botón, pasó algo

Panorama de ciudad nocturna con edificios cuyas ventanas encendidas se recortan en la oscuridad.
Detrás de cada app que abres hay una ciudad de piezas que nunca duermen: navegador, servidor, base de datos. Este módulo te da el mapa para verlas desde fuera.

Antes de pedirle nada a una IA necesitas un mapa en la cabeza de qué ocurre cuando alguien usa una aplicación. No la sintaxis: el mapa. Todo lo que construirás se apoya en esta idea sencilla.

Cuando un usuario toca un botón, su dispositivo envía una petición a un computador lejano (el servidor). Ese servidor consulta la información que necesita, decide qué hacer con ella y devuelve una respuesta. El navegador pinta el resultado. Eso es todo. Se repite millones de veces al día en cada app del mundo.

El viaje de una petición, paso a paso

Qué pasa cuando tocas "Agregar al carrito"

  1. Tu celular o laptop

    Todo empieza del lado del usuario: esta es la parte que se ve y se toca: el frontend.

  2. Sale una petición

    Al tocar el botón, el navegador arma una petición y la lanza por internet hacia el servidor.

  3. El servidor piensa

    Del otro lado vive el backend: revisa si tienes permiso, calcula el precio, decide qué hacer.

  4. Consulta los datos

    Para decidir, el servidor lee y escribe en la base de datos: el lugar donde la información se recuerda.

  5. Devuelve la respuesta

    El servidor manda una respuesta. El navegador la pinta: aparece el carrito con 1 producto.

Un ejemplo concreto

Imagina una tienda. Ana escribe en su celular. Toca Comprar. Su navegador manda al servidor un mensaje que, en lenguaje humano, dice: «usuario Ana quiere comprar el producto 42». El servidor mira: ¿está Ana registrada? ¿queda stock? ¿cuánto pagar? Habla con la base de datos, anota la venta, y responde: «pedido 1234 confirmado». Ana ve el número de pedido.

Cómo le pides esto a una IA

Cuando entiendes la cadena, tus instrucciones a la IA dejan de ser vagas. En vez de «hazme una tienda», puedes señalar la pieza exacta:

Un prompt que señala la capa correcta

texto
Necesito una función del BACKEND que reciba la petición "comprar producto".Entrada: id de usuario y id de producto.Debe: 1) verificar que el usuario exista, 2) revisar stock en la BASE DE DATOS, 3) si hay stock, crear el pedido y bajar el stock, 4) responder el numero de pedido o un error claro si no hay.No toque el frontend: solo la logica del servidor y su consulta a datos.
Fíjate que nombra backend, entrada, pasos y respuesta: la cadena que acabas de ver.

Prueba que entendiste

Un usuario reporta que al tocar "Comprar" la pantalla se queda en blanco. Según el ciclo, ¿qué parte conviene revisar PRIMERO?

La base de datos es la parte de la aplicación que el usuario ve y toca directamente.

Detecta el error conceptual

Un compañero describe así cómo funciona una app. Señala la línea que está MALA:

Marca la línea o las líneas con error y pulsa Comprobar.

La corrección que cierra el ciclo

Corregido el entendimiento, la cadena queda completa y ordenada. Guárdata este resumen: es el vocabulario que usarás todo el curso.

Ordena el ciclo de una petición web:

    Coloca los elementos en orden y pulsa Comprobar.

    Las respuestas y tu progreso se guardan sólo en este dispositivo. Contenido firmado por su autoría mediante Lumbre.
    Más sobre esta lección

    Comentarios

    Inicia sesión para comentar.

    Todavía no hay comentarios. Sé la primera persona en opinar.