GeeksforGeeks

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 cruciales para el desarrollo web pero son bastante diferentes entre sí. Cada lado necesita comunicarse y operar efectivamente con el otro como una sola unidad para mejorar la funcionalidad del sitio web.

Desarrollo del Front End: La parte de un sitio web con la que el usuario interactúa directamente se denomina front-end. También se 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 del Front End. La estructura, el diseño, el comportamiento y el contenido de todo lo que se ve en las pantallas de los navegadores cuando se abren los sitios web, las aplicaciones web o las aplicaciones móviles, son implementados por los desarrolladores de Front End. La capacidad de respuesta y el rendimiento son dos objetivos principales del Front End. El desarrollador debe asegurarse de que el sitio es responsive es decir, que aparece correctamente en dispositivos de todos los tamaños ninguna parte del sitio web debe comportarse de forma anormal independientemente del tamaño de la pantalla.

Los idiomas del front end: La parte del front end se construye utilizando algunos lenguajes que se comentan a continuación:

• HTML: HTML significa Hypertext Markup Language. 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 marcas. 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 (Cascading Style Sheets), cariñosamente conocidas como CSS, son un lenguaje de diseño sencillo que pretende simplificar el proceso de hacer que las páginas web sean presentables. CSS permite aplicar estilos a las páginas web. Y lo que es más importante, CSS le permite hacer esto independientemente del HTML que compone cada página web.
• JavaScript: JavaScript es un famoso lenguaje de scripting 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 el desarrollo de front-end en función del marco por ejemplo Flutter usuario Dart, React utiliza JavaScript y Django utiliza Python, y mucho más.

Framas y bibliotecas de front-end:

• AngularJS: AngularJs es un framework front-end de código abierto de JavaScript que se utiliza principalmente para desarrollar aplicaciones web de una sola página(SPAs). Es un framework 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 unen con HTML.
• React.js: React es una biblioteca JavaScript declarativa, eficiente y flexible para la construcción de interfaces de usuario. ReactJS es una biblioteca front-end de código abierto, basada en componentes, responsable únicamente de la capa de vista de la aplicación. Está mantenida por Facebook.
  Bootstrap: Bootstrap es una colección de herramientas gratuitas y de código abierto para crear sitios web y aplicaciones web con capacidad de respuesta. Es el marco de trabajo más popular de HTML, CSS y JavaScript para el desarrollo de sitios web responsivos y mobile-first.
• 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 del Documento (DOM), y JavaScript. Elaborando los términos, jQuery simplifica el recorrido y la manipulación del documento 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 fiable, maduro y robusto. Se utiliza para ampliar la funcionalidad de un CSS existente de un sitio, incluyendo todo, desde las variables, la herencia, y la anidación con facilidad.
• Flutter: Flutter es un SDK de desarrollo de interfaz de usuario de código abierto gestionado por google. Está impulsado por el lenguaje de programación Dart. Construye aplicaciones de alto rendimiento y buen aspecto para móviles (Ios, Android), web y escritorio desde una única base de código. El punto clave de venta de flutter es que el desarrollo plano se hace más fácil, la interfaz de usuario expresiva y flexible y el rendimiento nativo. En marzo de 2021 flutter anuncia Flutter 2 que actualiza flutter para construir aplicaciones de lanzamiento para la web, y el escritorio está en estado beta.
• Algunas otras bibliotecas y marcos son Semantic-UI, Foundation, Materialize, Backbone.js, Ember.js, etc.

Desarrollo Backend: El backend es el lado del servidor del sitio web. Almacena y organiza los datos, y también se asegura de que todo en el lado del cliente del sitio web funciona bien. Es la parte del sitio web que usted no puede ver e interactuar con. 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 del backend a través de una aplicación del front-end. Las actividades, como la escritura de APIs, la creación de bibliotecas y el trabajo con componentes del sistema sin interfaces de usuario o incluso sistemas de programación científica, también se incluyen en el backend.

Lenguajes del back-end: La parte del back end se construye utilizando algunos lenguajes que se comentan a continuación:

• PHP: PHP es un lenguaje de scripting 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, por lo que se llama un lenguaje de scripting del lado del servidor.
• C++: Es un lenguaje de programación de propósito general y ampliamente utilizado hoy en día para la programación competitiva. También se utiliza como lenguaje de backend.
• Java: Java es uno de los lenguajes y plataformas de programación más populares y utilizados. Es altamente escalable. Los componentes de Java están fácilmente disponibles.
• Python: Python es un lenguaje de programación que permite trabajar rápidamente e integrar sistemas de forma más eficiente.
• JavaScript: JavaScript se puede utilizar como ambos lenguajes de programación (front-end y back-end).
• Node.js: Node.js es un entorno de ejecución de código abierto y multiplataforma para ejecutar código JavaScript fuera de un navegador. Hay que recordar que NodeJS no es un framework, y no es un lenguaje de programación. La mayoría de la gente se confunde y entiende que es un framework o un lenguaje de programación. A menudo usamos Node.js para construir servicios de back-end como APIs como Web App o Mobile App. Es utilizado en producción por grandes empresas como Paypal, Uber, Netflix, Wallmart, etc.

Framas de Back End:

• La lista de frameworks de back-end son: Express, Django, Rails, Laravel, Spring, etc.
• Los otros lenguajes de programación/scripting 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 aun así, son dos aspectos de la misma situación. El frontend es lo que los usuarios ven y con lo que 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, incluyendo el diseño, los menús de navegación, los textos, las imágenes, los vídeos, etc. El backend, por el contrario, es la parte del sitio web que los usuarios no pueden ver ni interactuar con él.
• Los aspectos visuales del sitio web que pueden ver y experimentar los usuarios son el frontend. Por otro lado, todo lo que ocurre en segundo plano se puede atribuir al backend.
• Los lenguajes utilizados para el frontend son HTML, CSS, JavaScript mientras que los utilizados para el backend incluyen Java, Ruby, Python, .Net.
.