¿Cuáles son los 5 principales elementos de front-end y los 5 mejores elementos de back-end que conforman un sitio web?

No sé a qué te refieres con elemento ; pero como Boyko Todorov ya había respondido la pregunta con herramientas, intentaré responder desde otra perspectiva: funciones que manejará el sistema. Ignoraré los 5 en el top 5.

# Interfaz

Navegación: (En realidad, esto no es solo front-end; pero no quería crear otra sección para elementos relacionados con ambos lados). Uno de los elementos más importantes de la web (no solo un sitio web, todo el www) es navegación. Una vez que teníamos scroll y era muy difícil pasar de la página 2 a la 249. Luego tuvimos un codex que resolvió este problema; pero todavía estaba limitado de muchas maneras. La Web como medio trajo una experiencia de navegación / navegación mucho más flexible. Gracias al genio mecanismo de identificación de recursos (a través de URI), millones de sitios web en la web trabajan juntos. Puedo dar un enlace aquí y puedes saltar a otro sitio. No necesito saber cómo funciona ese otro sitio para poder dirigirlo a ese otro sitio / aplicación.

La navegación no es solo el menú principal de su sitio, que también es muy importante. 1. Todos los enlaces en cada página / pantalla en un sitio web, 2. cómo y dónde van esos enlaces, 3. cómo las personas llegan a su sitio web desde afuera juntas forman el sistema de navegación.

Contenido: contenido en texto, imagen, audio, video y otras formas. Esta es la razón principal de existencia de un sitio web.

Presentación: Presentación del contenido, diseño de la pantalla, navegación, tipografía, colores, dimensionamiento de diferentes elementos en la pantalla, … Esto es como su atuendo y actitud como persona. Puedes tener una gran mente (contenido); pero si eres arrogante (mala presentación), eso no llegará a su audiencia de la mejor manera posible. Buena experiencia de usuario es vital.

# Back-End

Autenticación : autenticación y autorización. Probablemente necesitará una forma de verificar si alguien es quien dice ser y si tiene los privilegios de hacer lo que está tratando de hacer.

Persistencia: necesitará guardar datos en alguna parte. Puede tener diferentes sistemas para diferentes tipos de datos, como un RDBMS para objetos centrales del sistema y archivos de texto sin formato para registros. (El registro para un back-end web es tan importante que puede considerarlo otro elemento).

Interfaz: el back-end debe ser accesible desde el exterior por el front-end y preferiblemente por otros servicios. La interfaz principal de un sitio web serviría documentos HTML en respuesta a solicitudes GET con diferentes URI. También puede proporcionar acceso a los mismos recursos en diferentes formatos y con diferentes interfaces.

Procesamiento: un sitio web puede ser totalmente estático y el procesamiento en un sistema puede significar simplemente servir archivos en un disco; pero la mayoría de los sitios de hoy hacen mucho más que eso. Entonces, con cada solicitud a un recurso, suceden cosas diferentes en el back-end. Una solicitud POST puede causar la actualización / creación de un recurso y una solicitud DELETE puede ser atendida mediante la eliminación de ese recurso. Es posible que escuche a las personas llamar a este elemento lógica empresarial del sistema.

  1. Front-end: HTML, CSS, Javascript: los utiliza para decirle al navegador cómo representar (mostrar) cosas. Javascript también se utiliza para solicitar datos al servidor y enviar datos al servidor (Ajax y / o Websockets)
  2. Back-end:
  1. Lenguaje de programación (Java, C #, Python, etc.) y su entorno de tiempo de ejecución (un programa que puede entender el lenguaje de programación y traducirlo a 0 y 1 para que la máquina (servidor) también pueda entenderlo
  2. Base de datos