Frontend vs Backend
Las dos mitades de cada app
⏱ Estim. ~4 min
01 · Leer
La mayoría del software se divide en dos mitades: frontend (front-end) y backend (back-end).
El frontend es todo lo que ves y con lo que interactúas — botones, menús, animaciones, texto, imágenes. Corre en tu navegador o en tu celular.
El backend es todo lo que pasa detrás de escena — verificar contraseñas, procesar pagos, consultar bases de datos, enviar correos. Corre en algún server.
Piénsalo como un restaurante: el frontend es el comedor (donde los clientes se sientan, ven el menú y comen), el backend es la cocina (donde se prepara la comida, se manejan los pedidos y se controla el inventario). Los clientes nunca ven la cocina, pero ahí pasa todo el trabajo real.
Puntos clave
- Frontend = lo que el usuario ve y con lo que interactúa (HTML, CSS, JavaScript)
- Backend = la lógica y el procesamiento de datos que el usuario no ve (server, base de datos, APIs)
- Los dos lados se comunican todo el tiempo — el frontend manda solicitudes y el backend devuelve respuestas
- Algunos ingenieros se enfocan en un solo lado; los "full-stack" hacen los dos
02 · Clasificar arrastrando
Arrastra cada elemento a la mitad correcta de la app. ¿Es Frontend o Backend?
(Esta sección es interactiva — activa JavaScript para usarla.)
03 · Emparejar
Empareja cada ejemplo con la parte de la app que lo maneja.
(Esta sección es interactiva — activa JavaScript para usarla.)
04 · Quiz
Cuando escribes tu contraseña y presionas "iniciar sesión", ¿dónde se verifica realmente esa contraseña?
- En tu navegador (frontend)
- En la barra de direcciones
- En el server (backend)
- En el sistema operativo de tu celular
Otras lecciones de este capítulo
⚠ La experiencia interactiva completa necesita JavaScript. Actívalo y vuelve a cargar la página.
※ Este es un proyecto educativo independiente — no es un producto oficial de Anthropic. Claude™ es una marca registrada de Anthropic, PBC.