¿Cuál es el desarrollo front-end, el marco web, el servicio del lado del servidor y del lado del cliente que escuchamos de los ingenieros de software?

Primero debe saber que, en términos generales, hay dos tipos de sitios web:

  1. Estático
  2. Dinámica

Los sitios web estáticos son fáciles de construir y desplegar. Son solo páginas estáticas HTML / CSS / JavaScript para mostrar información. Todo el contenido está predefinido en las páginas HTML. La mayoría de los folletos en línea, sitios web de cartera son de ese tipo. Las páginas web solo necesitan estar alojadas en un servidor, y los clientes pueden solicitarlas. No hay procesamiento como tal en el lado del servidor. Simplemente toma el archivo que solicitó y se lo devuelve. (por ejemplo, http://team-site.com/member1/resume .html irá a http: // team-site.com y le pedirá al servidor que devuelva el archivo /member1/resume.html)
Muy simple, pero no muy útil cuando quieres hacer algo más que mostrar contenido estático.

Los sitios web dinámicos / aplicaciones web son la mayoría de lo que vemos hoy. Quora, Facebook, Twitter, G-mail, etc. son de naturaleza dinámica. Lo que significa es que, según su solicitud, la ‘cosa’ del otro lado identifica quién es usted, consulta las bases de datos, realiza un procesamiento lógico y luego construye y devuelve una página HTML. Ahora la ‘cosa’ en el otro lado es en realidad el script del lado del servidor, o lo que llamarías como back-end . Entonces, cuando realiza una solicitud a un servidor, toma la solicitud y, en lugar de devolver un archivo, llama a nuestro script del lado del servidor (un programa que se ejecuta en el servidor, generalmente en php / python / ruby ​​/ Node.js), y nuestro script devuelve los datos requeridos al cliente. (por ejemplo, escribiendo http://blog-site.com/member1/posts en su navegador enviará la solicitud a blog-site.com solicitando el archivo: / member1 / posts . Pero ahora, en cambio, el servidor proporciona esta información a nuestro script de servidor, y nuestro script consulta la base de datos para todas las publicaciones del miembro1 y construye una página HTML y la devuelve al cliente. )

Ahora llegando a su pregunta:

¿Qué es la interfaz?
Es el código el responsable de la visualización de las páginas. es decir, archivos y plantillas HTML / CSS / JavaScript.

¿Qué es el backend?
Es el script del lado del servidor que escribe en Python / php / Node.js / Ruby, etc. para manejar la solicitud del cliente. Esto incluye el manejo de la autenticación, la conexión de la base de datos, la construcción de la respuesta, etc.

¿Qué es un marco?
Como puede ver, hay muchos componentes que se repiten en cada aplicación web. Desde el manejo de la autenticación, evitando la piratería y también manejando bases de datos. Por lo tanto, se han creado marcos para que pueda concentrarse en la lógica de su aplicación mientras se ocupan de los bits adhesivos por usted.
Hay marcos de backend como: Django, Ruby on Rails, Express.js
Luego están los marcos frontend como: Angular.js, backbone.js, ember.js

¿Qué son los servicios?
Estos son componentes utilizados por el script del lado del servidor / cliente para una funcionalidad adicional.
Lado del servidor : la aplicación web de Youtube está en Python, pero para recomendarle videos, puede usar otro servicio interno escrito en C ++ (ya que es más rápido y más eficiente). El servicio es utilizado por la aplicación web, pero no es parte de él, solo le da servicio.
Lado del cliente : Google Maps clasificaría como un servicio del lado del cliente. Agrega funcionalidad directamente a su página web, sin tener que escribir sus propios scripts del lado del servidor.