Desarrollo de Software con IA

Las once piezas de cualquier aplicación

Identificar frontend, backend, servidor, base de datos, API, archivos, usuario, sesión, dominio y hosting en cualquier producto digital.

Once piezas, un solo rompecabezas

Una aplicación no es un bloque gigante: son piezas con tareas distintas trabajando juntas. Cuando le pidas algo a una IA, nombrar la pieza correcta evita malentendidos caros. Estas son las once que se repiten en casi todo.

[El mapa de piezas de una aplicación web]

Esta actividad interactiva ('Explicacion visual') requiere el motor completo de Lumbre. El contenido estatico se muestra arriba; para la experiencia interactiva, visita la version online de este objeto.

Las once en una tabla

Ninguna app necesita las once el día uno, pero todas terminan usándolas.
PiezaQué esEjemplo en una app de deliveries
FrontendLa interfaz que se ve y se tocaLa pantalla con los restaurantes
BackendLa lógica que decideCalcular el total con envío
ServidorLa computadora remota que ejecuta el backendLa máquina que siempre está prendida
Base de datosDónde se guarda la información ordenadaLos pedidos de cada cliente
APILa puerta por donde las piezas se hablanLa puerta "crear pedido"
ArchivosFotos y documentos que la gente subeLa foto del plato
UsuarioUna persona con cuentaTu perfil con dirección guardada
SesiónEl "ya iniciaste" que recuerda quién eresQue no te pida clave en cada pantallazo
DominioEl nombre con que te encuentranmiapp.com
HTTPSLa conexión cifrada y confiableEl candado del navegador
HostingEl servicio que aloja tu servidorEl alquiler de la máquina

Ejemplo: una red social en piezas

Publicas una foto. El frontend (la app) te deja elegirla. La envías por la API al servidor. El backend valida que estés logueado (revisa tu sesión), guarda la imagen como archivo y anota en la base de datos que tu usuario publicó. La gente te responde a través del dominio de tu app, todo viajando cifrado por HTTPS, alojado en algún hosting.

Nombrar es poder arreglar Cuando la IA te devuelva código y algo falle, pregúntate: ¿esto es problema de pantalla, de lógica, de datos o de conexión? Nombrar la pieza te da el lugar exacto donde buscar.

Practica el mapa

Clasifica cada situación según la pieza donde está el problema:

Frontend
Backend
Datos/Archivos
Conexión/Dominio