Diferencias entre Backend y Frontend

Backend, frontend, diseo, UX, usabilidad, posicionamiento,

estrategia, arquitectura y muchos otros trminos componen el diseo
y desarrollo web moderno. Lejos est la poca donde
un webmaster haca todo el trabajo. Ahora es imposible crear un
producto completo sin por lo menos un diseador, un front y un
back. A menos que seas un genio cuyos padres fueron asesinados,
juraste venganza, estudiaste cinco aos en un templo samurai de la
W3C, destruiste el templo y volviste para cambiar el mundo. Con
aplicaciones web.

Backend: lado del servidor (PHP, Ruby on Rails, Django,

Node.js, .NET)
Un programador tiende a ser backend. Es la labor de ingeniera que
compone el acceso a bases de datos y generacin de plantillas
del lado del servidor.
En backend se encargan de implementar cosas como MySQL,

Postgres, SQL Server o MongoDB. Luego, un lenguaje como PHP o

JSP, o frameworks como RoR, Django, Node.JS o .NET se conecta a
la base de datos. A travs de estos lenguajes yframeworks se recibe,
procesa y enva informacin al navegador del usuario.
En cdigo HTML (que crea el frontend) o enviando datos puros en
XML, RSS o JSON, para ser procesados por Javascript. En Facebook,
por ejemplo, PHP manda la estructura bsica del sitio web, pero son
mltiples programas y servidores hechos en C++ o Erlang los que
procesan la informacin en tiempo real (chats, comentarios,
notificaciones) y las envan y reciben a travs de Javascript en el
navegador.

Frontend: lado del cliente (HTML, CSS, HTML5, CSS3,

Javascript, jQuery)
Los frontends tienden a ser programadores, pero hay diseadores
genios que tambin se dedican a esta especialidad. Son los
encargados de maquetar la estructura semntica del contenido
(HTML), codificar el diseo en hojas de estilo (CSS) y agregar la
interaccin con el usuario (Javascript).
En la poca actual los frontends tienen HTML5 y CSS3. Con HTML5,
desde elfrontend, es posible hacer geolocalizacin, dibujo vectorial,
guardar datos en el disco del usuario, insertar audio y vdeo, entre

otras cosas.
Con CSS3 se pueden crear diseos altamente complejos sin la
necesidad de imgenes cortadas, slo usando cdigo. Bordes
redondeados, sombras, degradados, fondos mltiples, entre otros. Por
ltimo, Javascript y sus frameworksaaden el componente de
interactividad y conexin al servidor.
Es posible comunicarse con el backend y la base de datos sin
recargar la pgina, usando AJAX o WebSockets, recibir esos datos y
cambiar el diseo entero del sitio. jQuery hace todo esto fcil pero no
es el nico framework de Javascript.

Diseo y usabilidad: experiencia en la interaccin del

usuario
No todos los diseadores web son frontends ni deben serlo. Ni todos
los diseadores son realmente buenos para web. Un diseador web
sabe de interfaces, entiende la interaccin con el usuario.
Imagina las animaciones, las transiciones, los cambios en la
aplicacin. Sabe donde usar una caja de texto, un botn, un radio
button, un checkbox, un desplegable.
Aunque no sepa programarlos y slo los dibuje en Photoshop. Pero
adems del diseador hay personas dedicadas a entender el flujo de
la interactividad. El camino que los usuarios toman y cmo

simplificarla al mximo. Este tipo de personas son expertos en

usabilidad y UX (User Experience).

Arquitectura de informacin y SEO: estrategias de

contenido, organizacin y estructura
Los sitios con men: "Home Quienes Somos Productos Servicios
Contctanos" se quedaron atrapados en el Siglo XX por falta de un
arquitecto de informacin. La web no slo son bases de datos, colores
bonitos y muchos links.
La web tiene informacin, interaccin, contenido ofrecido por los
sitios y contenido generado por los usuarios. Cmo se organiza
ese contenido? Cmo es presentado? Qu tan profunda es la
organizacin de ese contenido? Es mejor simple y directo? Es
mejor un rbol de navegacin complejo? O es mejor dejar que el
buscador sea la interfaz?
Los arquitectos de informacin y la gente de SEO (Search Engine
Optimization) se dedican a definir cmo se organiza todo el
contenido, cmo se distribuye y sobre todo, como darles a los
usuarios la oportunidad de descubrir lo nuevo y lo ms relevante
para ellos.

Director del proyecto: cobra el cheque gordo

En proyectos aun ms complejos los roles aumentan. Hay
personas de control de calidad, gente dedicada a las bases de datos.
Otros slo a servidores. Personas dedicadas al seguimiento financiero
del proyecto. Vendedores. Ejecutivos de cuenta. Administradores de la
comunidad. Editores. Escritores.

Pero para la mayora de proyectos con este equipo tienes. Falt

alguien ms?