Sunteți pe pagina 1din 3

Front-end y back-end:

Backend, Frontend, Diseño, UX, usabilidad, posicionamiento, estrategia, arquitectura y muchos otros
términos componen el diseño y desarrollo web moderno. Lejos está la época donde un "webmaster" hacía
todo el trabajo.
Ahora es imposible crear un producto completo sin por lo menos un diseñador, un front y un back. A menos
que seas un genio cuyos padres fueron asesinados, juraste venganza, estudiaste cinco años en un templo
samurai de la W3C, destruiste el templo y volviste para cambiar el mundo. Con aplicaciones web.
En el campo del desarrollo web, las tecnologías se dividen tecnicamente en dos, Backend y Frontend. Front-
end y back-end son términos que se refieren a la separación de intereses entre una capa de presentación y
una capa de acceso a datos, respectivamente. Pueden traducirse al español el primero como interfaz, frontal
final o frontal y el segundo como motor, dorsal final1o zaga,2 aunque es común dejar estos términos en
inglés. En diseño web (o desarrollo web) hace referencia a la visualización del usuario navegante por un
lado (front-end), y del administrador del sitio con sus respectivos sistemas por el otro (back-end).

FrontEnd
La idea general es que el front-end sea el responsable de recolectar los datos de entrada del usuario, que
pueden ser de muchas y variadas formas, y los transforma ajustándolos a las especificaciones que demanda
el back-end para poder procesarlos, devolviendo generalmente una respuesta que el front-end recibe y
expone al usuario de una forma entendible para este. La conexión del front-end y el back-end es un tipo de
interfaz.
El frontend son todas aquellas tecnologías que corren del lado del cliente, es decir, todas aquellas
tecnologías que corren del lado del navegador web, generalizándose mas que nada en tres lenguajes, Html ,
CSS Y JavaScript.
Los frontends tienden a ser programadores, pero hay diseñadores genios que también hacen frontend. Son
los encargados de maquetar la estructura semántica del contenido (HTML), codificar el diseño en hojas de
estilo (CSS) y agregar la interacción con el usuario (Javascript).
En la época actual los frontends tienen HTML5 y CSS3. Con HTML5, desde el frontend, es posible hacer
geolocalización, dibujo vectorial, guardar datos en el disco del usuario, insertar audio y video, entre otras
cosas.
Con CSS3, se pueden crear diseños altamente complejos sin la necesidad de imágenes cortadas, sólo usando
código. Bordes redondeados, sombras, degradados, fondos múltiples, entre otros.
Por último, Javascript y sus frameworks añaden el componente de interactividad y conexión al servidor. Es
posible comunicarse con el backend y la base de datos sin recargar la página usando AJAX o WebSockets,
recibir esos datos y cambiar el diseño entero del sitio. jQuery hace todo esto fácil pero no es el único
framework de Javascript.
La persona encargada del frontend, se dedica solo a estas tres tecnologías, aunque esto no significa que no
sepa cómo trabaja el Backend, ya que es necesario para que pueda consumir datos y pueda estructurar
correctamente un maquetado en HTML y CSS para su mejor comodidad y la comodidad del Backend a la
hora de colocarlo sobre un servidor. El programador FrontEnd debe de conocer tecnicas de User Experience
para dar una experiencia de usuario cómoda a la persona que visita la página, así mismo debe de saber de
diseño de Interacción para que sepa colocar las cosas de tal manera que el usuario las pueda ubicar de
manera rápida, cómoda e intuitiva. El Backend posteriormente se encargará de llenar las páginas de
información (en ocasiones). Existen muchas tecnologías relacionadas a estos tres lenguajes que se utilizan
en el FrontEnd, por ejemplo, para JavaScript tenemos angular.js y backbone.js. El frontEnd se puede apoyar
en librerias de CS y de JavaScript como animate.css y JQuery para poder dar una solución amena y cómoda.
El programador front end también debe de conocer lenguajes de transferencia de información como XML y
JSON, y Ajax para hacer solicitudes sin necesidad de refrescar la página.

Backend
El programador backend es aquel que se encuentra del lado del servidor, es decir, que se encarga de
interactuar con bases de datos, verificar manejo de sesiones de usuarios, montar la página en un servidor, y
desde éste “servir” todas las vistas que el FrontEnd crea, es decir, uno como backend se encarga mas que
nada de la manipulación de los datos. Se va a encargar de que todos los datos que llegan desde el FrontEnd,
lleguen a una base de datos, por tanto, debe de conocer un poco de seguridad, para mantener los datos
cuidados y tratar de protegerse de todo tipo de inyecciones que se puedan tratar de hacer al servidor para que
no sea vulnerable, así mismo, se encarga de crear API’s para que sus datos puedan consumirse de manera
cómoda para el frontend y que pueda mejorar la experiencia del usuario. Esta persona trabaja con
tecnologías como PHP, Ruby on Rails, Django, Node.js, .NET, Python, Java.
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 conectan a la base de
datos.
A través de estos lenguajes y frameworks se recibe, procesa y envía información al navegador del usuario.
En código 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 básica del sitio web, pero son múltiples programas y
servidores hechos en C++ o Erlang que procesan la información en tiempo real (como chat, comentarios,
notificaciones) y las envían y reciben a través de Javascript en el navegador.

http://www.cristalab.com/blog/que-significa-backend-y-frontend-en-el-diseno-web-c106224l/
https://www.campusmvp.es/recursos/post/Desarrollador-web-Front-end-back-end-y-full-stack-Quien-es-
quien.aspx
http://searchdatacenter.techtarget.com/es/respuesta/En-que-se-diferencia-el-desarrollo-de-front-end-del-de-
back-end
http://www.falconmasters.com/web-design/que-es-front-end-y-que-es-back-end/

S-ar putea să vă placă și