Saltar al contenido
Orden Digital

Blog Diseño web

Qué es el desarrollo web: front end, back end y lo que tu negocio necesita

6 min de lectura

Balanza de precisión antigua con dos platillos, uno sosteniendo una pila de papel

Qué es el desarrollo web: es construir la página. Escribir el código que dibuja lo que el diseñador bocetó, conectar el formulario para que llegue al correo, guardar los productos de una tienda, publicar todo en un servidor. Si el diseño decide cómo se ve, el desarrollo hace que exista y funcione.

Para quien tiene un negocio, la pregunta útil no es cómo se programa. Es qué parte del desarrollo necesita su página y cuál le están cobrando de más. Esta guía va a eso.

Qué hace un desarrollador web

Recibe un diseño (o lo hace él mismo, si es la misma persona) y lo convierte en algo que se abre en un navegador. Eso incluye:

  • Escribir el código de cada página.
  • Hacer que se acomode al celular.
  • Conectar lo que tiene que funcionar: formularios, mapas, pagos, reservas.
  • Publicarla en un servidor, con un dominio y un certificado.
  • Medir que cargue rápido y arreglar lo que la frena.

Y después, mantenerla: actualizar, hacer copias, arreglar lo que se rompe.

Qué es el desarrollo web por dentro: front end y back end

Son las dos mitades del desarrollo. Casi todo lo que se contrata para un negocio pequeño es front end, aunque nadie lo diga con ese nombre.

Front end

Es lo que se ve y se toca: la página que se dibuja en tu navegador. Se hace con tres lenguajes que van juntos:

  • HTML: el contenido y su orden (títulos, párrafos, imágenes, enlaces).
  • CSS: cómo se ve (colores, letras, espacios, cómo se acomoda en el celular).
  • JavaScript: lo que se mueve o responde (un menú que se abre, una galería, un formulario que revisa el correo antes de enviarlo).

Back end

Es lo que pasa del otro lado, en el servidor, y no se ve. Guardar un pedido, revisar una contraseña, calcular el envío de una tienda, mandar el correo de confirmación. Se hace con lenguajes como PHP, Python, JavaScript (Node) o Ruby, y con una base de datos.

Un ejemplo. Una tienda de ropa en Bogotá tiene un catálogo de doscientas prendas con tallas y existencias. Eso es back end: alguien tiene que guardar cada prenda, descontar la que se vendió y avisar cuando se agote. Un contador con una página de tres pantallas y un formulario casi no tiene back end. Y su página es más barata por eso.

Las tecnologías que vas a oír nombrar

Nombre Qué es Para quién sirve
WordPress Un gestor de contenidos: instalas, eliges plantilla, escribes Sitios con blog, o que el dueño quiere editar solo
Wix, Squarespace, Hostinger Constructores: arrastras bloques y publicas Quien quiere hacerla sin programar
Shopify, WooCommerce Plataformas de tienda Vender por internet con carrito y pagos
HTML, CSS y JavaScript a medida Código escrito para tu sitio Quien necesita velocidad y algo que ninguna plantilla trae
React, Vue, Astro Herramientas de front end para sitios grandes Aplicaciones y sitios con mucho contenido

No hay una mejor. Hay una que corresponde al tamaño del negocio y a quién va a tocar la página después. Lo desarrollamos en tipos de páginas web y, paso por paso, en cómo crear una página web.

Desarrollo web y diseño web: quién hace qué

El diseño decide dónde va cada cosa, con qué letra y con qué color. El desarrollo lo construye. En qué es el diseño web está la otra mitad de esta explicación.

En la práctica se cruzan. Un diseñador que no sabe cómo se construye dibuja cosas que después cuestan el doble. Un desarrollador que no entiende de diseño entrega una página que funciona y no vende. Cuando cotices, pregunta si la misma persona o el mismo equipo hace los dos, y quién responde si el resultado no coincide con el boceto.

Qué necesita un negocio pequeño, de verdad

Menos de lo que le suelen vender. Para un taller, una panadería, una oficina de abogados o una academia de idiomas, la lista es esta:

  1. Una página que cargue rápido en el celular. Google mide la carga con sus Core Web Vitals; para que el contenido principal cuente como rápido tiene que aparecer en 2,5 segundos o menos (web.dev).
  2. Un formulario que llegue. Y que alguien lo pruebe el día que se publica.
  3. Dominio y certificado a tu nombre. El candado del navegador viene del certificado; hoy se consigue gratis con Let’s Encrypt y cualquier desarrollador serio lo instala.
  4. Que la puedas editar sin llamar a nadie para cambiar un precio o un horario.
  5. Copias de seguridad, y alguien que responda si se cae.

Lo que no necesita: una aplicación a medida, un back end propio, un panel con veinte módulos. Si te lo cotizan para un sitio de cinco páginas, pregunta para qué.

Todas las piezas juntas (dominio, alojamiento, contenido y código) están explicadas en qué es una página web. Y lo que incluye cada plan de nuestro servicio de diseño de páginas web, con su plazo, está publicado en esa página.

Preguntas frecuentes

¿Qué es el desarrollo web y qué hace un desarrollador?

Es construir la página: escribir el código, conectar lo que tiene que funcionar y publicarla. El desarrollador hace eso y, después, la mantiene.

¿Necesito saber programar para tener una página web?

No. Los constructores y WordPress permiten armarla sin código. Sí necesitas saber qué quieres que diga y a quién, que es lo que ninguna herramienta hace por ti.

¿Cuánto tarda el desarrollo de una página web?

Un sitio de pocas páginas, con el diseño y los textos listos, se construye en semanas. Lo que más lo estira es que falten los textos o las fotos.

¿Qué es mejor, WordPress o código a medida?

Depende de quién va a tocar la página después. WordPress sirve si vas a publicar seguido y editar solo. El código a medida sirve si necesitas velocidad y algo que ninguna plantilla trae.

—Contacto

¿Lo hacemos nosotros?

Escríbenos y te decimos qué haríamos primero en tu caso.

hola@ordendigital.co Medellín, Colombia

Escríbenos WhatsApp