¿Qué es el desarrollo web? Guía completa
El desarrollo web es el trabajo de convertir un diseño y unos requisitos en un sitio que funciona: el marcado y los estilos que ve un visitante, la lógica de servidor y los datos que hay detrás, y el despliegue y mantenimiento que lo mantienen en pie.
Esta guía cubre qué incluye el término, en qué se diferencia del diseño web, qué significa en la práctica la división entre frontend y backend, y qué partes necesita un proyecto concreto.
Qué abarca el término#
«Desarrollo web» se usa para todo, desde instalar un tema hasta construir una aplicación a medida. Lo que se mantiene constante es la secuencia: los requisitos se vuelven plantillas, las plantillas se vuelven páginas, las páginas reciben datos, y todo el conjunto se despliega, se mide y se mantiene.
El diseño decide cómo se ve y cómo se comporta. El desarrollo hace que exista, que vaya rápido, que sobreviva al contenido real y que siga funcionando tras el lanzamiento.
- Frontend: el HTML, el CSS y el JavaScript que se ejecutan en el navegador del visitante.
- Backend: el código de servidor, la base de datos y las APIs que suministran y guardan los datos.
- Trabajo de CMS: plantillas y campos para que quien no programa pueda editar contenido sin romper nada.
- Integraciones: pago, CRM, correo, analítica, envíos, reservas, ERP.
- Infraestructura: alojamiento, dominios, certificados, CDN, copias de seguridad, despliegue.
- Calidad: pruebas, rendimiento, accesibilidad, seguridad, monitorización.
Desarrollo web frente a diseño web#
Los dos términos se suelen presupuestar juntos y son trabajos genuinamente distintos. En proyectos pequeños una persona hace ambos; en los grandes son personas distintas, y saber qué está comprando evita toda una categoría de disputas.
| Diseño web | Desarrollo web | |
|---|---|---|
| Pregunta | ¿Cómo debe verse y comportarse? | ¿Cómo se construye para que funcione? |
| Resultado | Wireframes, diseños visuales, un sistema de componentes | Plantillas funcionando, modelos de datos, un sitio desplegado |
| Herramientas principales | Software de diseño, prototipado | Editores de código, control de versiones, herramientas de compilación, un CMS |
| Falla como | Un sitio confuso o fuera de marca | Un sitio lento, que se rompe o que no se puede editar |
| Coste del cambio | Minutos en fase de wireframe | Horas o días una vez construido |
Si un presupuesto no los distingue, pregunte qué pasa si ya tiene un diseño. La respuesta le dice qué trabajo se está valorando de verdad.
Frontend y backend en la práctica#
La división trata de dónde se ejecuta el código, no de antigüedad. El código de frontend se ejecuta en el navegador del visitante, así que se ocupa de la representación, la interacción, la adaptabilidad y la accesibilidad. El código de backend se ejecuta en un servidor, así que se ocupa de datos, autenticación, reglas de negocio e integraciones.
Un sitio de marketing puede ser casi todo frontend con un CMS suministrando contenido. Una tienda o una aplicación necesitan trabajo sustancial de backend porque el dinero, el stock y las cuentas tienen reglas que no se pueden confiar a un navegador.
| Tipo de sitio | Peso de frontend | Peso de backend |
|---|---|---|
| Sitio de presentación sobre un CMS | La mayor parte del trabajo | Solo plantillas y campos |
| Sitio de contenido con búsqueda y filtros | Alto | Medio: indexación y consultas |
| Tienda en línea | Alto | Alto: catálogo, pago, impuestos, logística |
| Sitio de reservas o citas | Medio | Alto: disponibilidad, conflictos, avisos |
| Aplicación web | Alto | Muy alto: cuentas, permisos, lógica de negocio |
Qué entrega realmente un proyecto de desarrollo web#
Más allá de «el sitio», estos son los entregables que conviene nombrar en el acuerdo, porque su ausencia solo se nota cuando los necesita, normalmente cuando quien lo construyó ya no está disponible.
- El código fuente, en un repositorio al que usted tenga acceso.
- Acceso al alojamiento, al dominio y a cualquier cuenta de terceros, a su nombre.
- Una forma documentada de desplegar un cambio, no una persona que sabe cómo.
- Un CMS o área de administración con los tipos de contenido que su equipo edita de verdad.
- Copias de seguridad que se hayan restaurado una vez, para saber que funcionan.
- Documentación de las integraciones y de dónde viven sus credenciales.
- Formación o una sesión de traspaso para quien vaya a mantener el contenido.
La cláusula más valiosa de un contrato de desarrollo web es la que dice que el código y las cuentas son suyos. Todo lo demás se puede renegociar; esa no, una vez terminada la relación.
Preguntas frecuentes
¿Es lo mismo desarrollo web que desarrollo de software web?
Se usan indistintamente en casi todos los contextos. «Desarrollo web» es algo más amplio y a menudo incluye aplicaciones y APIs que no son sitios propiamente dichos; «desarrollo de sitios web» suele implicar un sitio con páginas y contenido. En un encargo, lo que importa no es la expresión sino si el proyecto tiene lógica de negocio propia: eso es lo que cambia el coste y el perfil necesario.
¿Necesito un desarrollador si uso un creador de sitios?
A menudo no para un sitio sencillo, y es una elección legítima. Puede seguir queriendo uno para lo que los creadores hacen mal: rendimiento, datos estructurados, integración con sus sistemas actuales y la migración posterior. Un patrón común es construirlo usted y llamar a alguien para un problema concreto en vez de para todo el sitio.
¿Qué es un desarrollador full stack?
Alguien que trabaja tanto en frontend como en backend. Para proyectos web pequeños y medianos, una persona full stack competente suele ser la contratación más eficiente, porque el coste del traspaso entre dos especialistas supera el beneficio de la profundidad. En proyectos grandes la especialización sí compensa, porque la profundidad necesaria en cada lado crece más rápido de lo que una persona puede cubrir.
¿Cuánto de un sitio web es código y cuánto contenido?
Por esfuerzo, el contenido suele ser la mitad mayor y casi siempre es el riesgo del calendario. La construcción puede estar terminada y el sitio seguir a semanas del lanzamiento porque faltan descripciones de producto, fotografías y páginas legales. Planifique el contenido con la misma seriedad que los hitos de desarrollo y la fecha de lanzamiento se vuelve alcanzable.
que es el desarrollo webdesarrollo webdesarrollo web explicadofrontend backenddesarrollo web vs diseño webfundamentos desarrollo web
