• Author / Uploaded
• 24santi

• Categories
• Extremos delantero y trasero
• Ingeniería de software
• ciberespacio
• Desarrollo web
• Arquitectura de software

Citation preview

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. Frontend 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-esquien.aspx

http://searchdatacenter.techtarget.com/es/respuesta/En-que-se-diferencia-el-desarrollo-de-front-end-del-deback-end http://www.falconmasters.com/web-design/que-es-front-end-y-que-es-back-end/