Interfaz frente a backend

Front End y Back End: Frontend y Backend son los dos términos más populares utilizados en el desarrollo web. Estos términos son muy importantes para el desarrollo web, pero son bastante diferentes entre sí. Cada lado necesita comunicarse y operar de manera efectiva con el otro como una sola unidad para mejorar la funcionalidad del sitio web. 

Desarrollo Front End:La parte de un sitio web con la que el usuario interactúa directamente se denomina front-end. También se le conoce como el ‘lado del cliente’ de la aplicación. Incluye todo lo que los usuarios experimentan directamente: colores y estilos de texto, imágenes, gráficos y tablas, botones, colores y menú de navegación. HTML, CSS y JavaScript son los lenguajes utilizados para el desarrollo de Front End. Los desarrolladores front-end implementan la estructura, el diseño, el comportamiento y el contenido de todo lo que se ve en las pantallas del navegador cuando se abren sitios web, aplicaciones web o aplicaciones móviles. La capacidad de respuesta y el rendimiento son dos objetivos principales del Front End. El desarrollador debe asegurarse de que el sitio responda, es decir, que aparezca correctamente en dispositivos de todos los tamaños. Ninguna parte del sitio web debe comportarse de manera anormal, independientemente del tamaño de la pantalla. 

Idiomas de la interfaz: la parte de la interfaz se crea mediante el uso de algunos idiomas que se analizan a continuación: 
 

• HTML : HTML significa lenguaje de marcado de hipertexto. Se utiliza para diseñar la parte frontal de las páginas web utilizando un lenguaje de marcado. HTML es la combinación de hipertexto y lenguaje de marcado. El hipertexto define el vínculo entre las páginas web. El lenguaje de marcado se utiliza para definir la documentación de texto dentro de la etiqueta que define la estructura de las páginas web.
• CSS : las hojas de estilo en cascada, conocidas con cariño como CSS, son un lenguaje de diseño simple destinado a simplificar el proceso de hacer que las páginas web sean presentables. CSS le permite aplicar estilos a las páginas web. Más importante aún, CSS le permite hacer esto independientemente del HTML que conforma cada página web.
• JavaScript : JavaScript es un famoso lenguaje de secuencias de comandos que se utiliza para crear magia en los sitios para que el sitio sea interactivo para el usuario. Se utiliza para mejorar la funcionalidad de un sitio web para ejecutar juegos geniales y software basado en la web.

Hay muchos otros lenguajes a través de los cuales uno puede hacer desarrollo front-end dependiendo del marco, por ejemplo , el usuario de Flutter Dart , React usa JavaScript y Django usa Python , y mucho más.

Bibliotecas y marcos front-end: 
 

• AngularJS : AngularJs es un marco front-end de código abierto de JavaScript que se utiliza principalmente para desarrollar aplicaciones web de una sola página (SPA). Es un marco en continuo crecimiento y expansión que proporciona mejores formas de desarrollar aplicaciones web. Cambia el HTML estático a HTML dinámico. Es un proyecto de código abierto que puede ser gratuito. Extiende los atributos de HTML con directivas y los datos se enlazan con HTML.
• React.js : React es una biblioteca de JavaScript declarativa, eficiente y flexible para crear interfaces de usuario. ReactJS es una biblioteca front-end de código abierto basada en componentes responsable solo de la capa de visualización de la aplicación. Es mantenido por Facebook. 
  Bootstrap: Bootstrap es una colección de herramientas gratuitas y de código abierto para crear sitios web y aplicaciones web receptivos. Es el marco HTML, CSS y JavaScript más popular para desarrollar sitios web receptivos y móviles.
• jQuery : jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS, o más precisamente, el Modelo de objetos de documento (DOM) y JavaScript. Al elaborar los términos, jQuery simplifica el recorrido y la manipulación de documentos HTML, el manejo de eventos del navegador, las animaciones DOM, las interacciones Ajax y el desarrollo de JavaScript entre navegadores.
• SASS : es el lenguaje de extensión CSS más confiable, maduro y robusto. Se utiliza para ampliar la funcionalidad de un CSS existente de un sitio que incluye todo, desde variables, herencia y anidamiento con facilidad.
• Flutter : Flutter es un SDK de desarrollo de interfaz de usuario de código abierto administrado por Google. Está alimentado por el lenguaje de programación Dart. Crea aplicaciones compiladas de forma nativa atractivas y con buen rendimiento para dispositivos móviles (Ios, Android), web y escritorio a partir de una única base de código. El punto de venta clave de flutter es que el desarrollo plano se hace más fácil, expresivo y flexible, la interfaz de usuario y el rendimiento nativo. En marzo de 2021, flutter anunció Flutter 2, que actualiza flutter para crear aplicaciones de lanzamiento para la web, y el escritorio está en estado beta.
• Algunas otras bibliotecas y marcos son Semantic-UI, Foundation, Materialise, Backbone.js, Ember.js, etc.

Desarrollo de backend: backend es el lado del servidor del sitio web. Almacena y organiza datos, y también se asegura de que todo en el lado del cliente del sitio web funcione bien. Es la parte del sitio web que no puede ver ni interactuar. Es la parte del software que no entra en contacto directo con los usuarios. Los usuarios acceden indirectamente a las partes y características desarrolladas por los diseñadores de back-end a través de una aplicación de front-end. Las actividades, como escribir API, crear bibliotecas y trabajar con componentes del sistema sin interfaces de usuario o incluso sistemas de programación científica, también se incluyen en el backend. 

Idiomas de back-end: la parte de back-end se crea utilizando algunos idiomas que se analizan a continuación: 
 

• PHP : PHP es un lenguaje de secuencias de comandos del lado del servidor diseñado específicamente para el desarrollo web. Dado que el código PHP se ejecuta en el lado del servidor, se denomina lenguaje de secuencias de comandos del lado del servidor.
• C++ : Es un lenguaje de programación de propósito general y muy utilizado hoy en día para la programación competitiva. También se utiliza como lenguaje de fondo.
• Java : Java es uno de los lenguajes y plataformas de programación más populares y ampliamente utilizados. Es altamente escalable. Los componentes de Java están fácilmente disponibles.
• Python : Python es un lenguaje de programación que le permite trabajar rápidamente e integrar sistemas de manera más eficiente.
• Node.js : Node.js es un entorno de tiempo de ejecución multiplataforma y de código abierto para ejecutar código JavaScript fuera de un navegador. Debe recordar que NodeJS no es un marco y no es un lenguaje de programación. La mayoría de las personas están confundidas y entienden que es un marco o un lenguaje de programación. A menudo usamos Node.js para crear servicios de back-end como API como aplicación web o aplicación móvil. Es utilizado en la producción por grandes empresas como Paypal, Uber, Netflix, Walmart, etc.

Marcos de back-end: 

• La lista de marcos de back-end son: Express, Django, Rails, Laravel, Spring, etc.
• Los otros lenguajes de secuencias de comandos/programas de back-end son C#, Ruby, REST, GO, etc.

Diferencia entre frontend y backend: el desarrollo de frontend y backend son bastante diferentes entre sí, pero aún así, son dos aspectos de la misma situación. El frontend es lo que los usuarios ven e interactúan y el backend es cómo funciona todo. 
 

• El frontend es la parte del sitio web que los usuarios pueden ver e interactuar, como la interfaz gráfica de usuario (GUI) y la línea de comandos que incluye el diseño, los menús de navegación, los textos, las imágenes, los videos, etc. El backend, por el contrario, es el parte del sitio web que los usuarios no pueden ver ni interactuar.
• Los aspectos visuales del sitio web que los usuarios pueden ver y experimentar son frontend. Por otro lado, todo lo que sucede en segundo plano se puede atribuir al backend.
• Los lenguajes utilizados para el front-end son HTML, CSS, JavaScript, mientras que los utilizados para el back-end incluyen Java, Ruby, Python, .Net.