Arquitectura de front End

¿Qué es front-end?
El desarrollo front-end es la parte del desarrollo que se encarga de
programar el diseño visual de una web, es decir, lo que ve el usuario, la parte
de fuera. Este picateclas representa la parte más artística y creativa de una
web ya que es el encargado del diseño web en sí mismo y elige y combina
con creatividad y gusto (aunque no todos) los colores, fondos, tamaños,
estilos… Toda la parte visual de una web. No confundas al front-end con el
diseñador gráfico. El hecho de que el front-end se encargue del diseño web
no significa que no sepa programar. Al contrario, desarrolla la página
mediante programación y horas (bastantes) delante del teclado.

Importancia de la arquitectura semántica en el desarrollo

Front End
Llevar adelante un proyecto digital es una tarea desafiante para cualquier
equipo de trabajo. Requiere abordar diversas dimensiones y analizar
múltiples soluciones para los problemas que aparecen durante el desarrollo.
En el caso del desarrollo Front End, el objetivo es claro y se engloba bajo el
concepto de “semántica”. Un elemento -también llamado template o
framework - y su arquitectura debe permitir desarrollar un número limitado
de componentes reutilizables. Aquellos elementos, entre otras
características, deben ser capaces de contener un rango específico de
diferentes tipos de contenidos. Los más importante en cuanto a las clases y
su semántica es otorgar flexibilidad y reutilización. Ambos elementos deben
estar presentes, tanto en presentación como en comportamiento. De esta
forma, resulta una herramienta de fácil manejo por parte de desarrolladores.
Front-end y back-end
En diseño de software el front-end es la parte del software que interactúa
con los usuarios y el back-end es la parte que procesa la entrada desde el
front-end. La separación del sistema en front-ends y back-ends es un tipo de
abstracción que ayuda a mantener las diferentes partes del sistema
separadas. 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.

Arquitectura basada en capas.

La arquitectura basada en capas se enfoca en la distribución de roles y

responsabilidades de forma jerárquica proveyendo una forma muy efectiva
de separación de responsabilidades. El rol indica el modo y tipo de
interacción con otras capas, y la responsabilidad indica la funcionalidad que
está siendo desarrollada.

Por ejemplo, una aplicación web típica está compuesta por una capa de
presentación (funcionalidad relacionada con la interfaz de usuario), una capa
de negocios (procesamiento de reglas de negocios) y una capa de datos
(funcionalidad relacionada con el acceso a datos).
El estilo de arquitectura basado en capas se identifica por las siguientes
características:

• Describe la descomposición de servicios de forma que la mayoría de la

interacción ocurre solamente entre capas vecinas.

• Las capas de una aplicación pueden residir en la misma maquina física

(misma capa) o puede estar distribuido sobre diferentes computadores (n-
capas).

• Los componentes de cada capa se comunican con otros componentes en

otras capas a través de interfaces muy bien definidas.

• Este modelo ha sido descrito como una “pirámide invertida de re-uso”

donde cada capa agrega responsabilidad y abstracción a la capa
directamente sobre ella.