Desarrollo Full Stack, Backend y Frontend: ¿Cuál es la diferencia?

Hoy en día cada vez más personas entienden que la programación es un área de esfuerzo muy amplia y que los desarrolladores tienen muchas especializaciones. Por ejemplo, desarrollador backend, desarrollador frontend y otras áreas.

Desarrollo frontend: ¿que es?

El desarrollo frontend es el desarrollo de la interfaz de un sitio web, programa, juego, sistema CRM o cualquier producto digital. En pocas palabras, todo lo que vemos cuando nos conectamos o abrimos un programa en nuestra computadora: encabezado, imagen, pantalla de presentación, texto, botones, tablas, etc.

En consecuencia, un desarrollador frontend es un especialista que desarrolla la interfaz de un producto digital. ¿Cómo lo hace? Veamos el ejemplo de cualquier sitio web abierto en cualquier navegador.

Si hacemos clic derecho en el mouse de la computadora y seleccionamos la línea «Ver código» en el menú contextual, veremos «polilibros» y algunas palabras familiares que ya vimos cuando visitamos el sitio. Todo esto se hace usando HTML, CSS y JavaScript.

Te explicamos brevemente qué es:

• HTML es un lenguaje de marcado de hipertexto que se utiliza para marcar la estructura de una página web, especificar la ubicación de títulos, subtítulos, texto, imágenes, etc.
• CSS son hojas de estilos en cascada que son responsables del estilo de diseño de los elementos html.
• JavaScript es un lenguaje de programación que hace que una página web sea interactiva e interactúa con el usuario.

Esto es lo que todo desarrollador frontend principiante o junior debe saber y lo que enseñan todos los cursos de desarrollo frontend para principiantes. Aquellos que quieran mejorar pueden aprender jQuery, un conjunto de funciones de JavaScript que se “especializan” en la interacción de JavaScript y HTML.

Hoy no profundizaremos en cosas más complejas, porque nuestra principal tarea es comprender qué tipos de desarrollo existen, en qué se diferencian entre sí y qué hace tal o cual especialista.

Responsabilidades de un desarrollador frontend:

• Desarrollo de una interfaz de producto digital desde cero.
• Modernización de la interfaz del producto digital terminado.
• Diseño para varios navegadores, normalmente en HTML5/CSS3.
• Diseño adaptativo.
• Escritura de guiones.
• Configurar la funcionalidad de un producto digital (botones, controles deslizantes, formularios de comentarios, etc.).
• Desarrollo de elementos reactivos.
• Trabajar con la arquitectura existente de sitios web y aplicaciones basadas en widgets.
• Módulos de programación para ejecutar aplicaciones.

Para referencia:

• El diseño entre navegadores es la capacidad de un sitio web de mostrarse igualmente correctamente en todos los navegadores principales.
• El diseño adaptativo es la capacidad de un producto digital de ajustarse automáticamente al tamaño y la orientación de la pantalla del dispositivo.
• Un script es un pequeño programa o script que contiene una secuencia de acciones para realizar una tarea automáticamente.

Esto es algo que todo desarrollador frontend debería poder hacer. Dependiendo de los matices del proyecto, las responsabilidades de un desarrollador front-end pueden incluir la creación de pruebas automáticas, la corrección de errores, la interacción con diseñadores y desarrolladores back-end en formato Agile, trabajando con Angular (una plataforma para desarrollar aplicaciones web) y Vue. (un marco para crear interfaces de usuario).

Para tener una idea de qué tendrá que hacer exactamente en un proyecto en particular, debe estudiar las vacantes frontales específicas o comunicarse directamente con el empleador.

Los lectores más avanzados saben que en el contexto de la aparición de un producto digital, a menudo se utiliza un concepto como » diseño UX/UI «, donde UI es la interfaz de usuario o el diseño de un sitio web, y UX es la funcionalidad de la interfaz. En pocas palabras, la UI es responsable de cómo se verá un botón en el sitio y la UX es responsable de lo que sucede cuando se hace clic en él.

Un diseñador UX/UI hace todo esto y, como ya se desprende del nombre de la profesión, esto no es desarrollo. Sería más correcto decir que un diseñador UX/UI es un diseñador que diseña la apariencia y funcionalidad de un producto digital. Pero asegurarse de que todo esto funcione correctamente es tarea del desarrollador frontend.

Idealmente, un desarrollador frontend debería tener cierta comprensión del diseño UX/UI para poder entender qué esperar de un diseñador UX/UI, “no saltarse” ideas de diseño obviamente locas y darle vida a las ideas útiles de la manera más completa posible.

Por otro lado, el nivel actual de desarrollo de la profesión de diseñador UX/UI y el software especial Figma para dibujar un prototipo de sitio web y crear un diseño en el que se puede hacer clic nos permite hablar seriamente de ahorrar en el desarrollo frontend [E. Nexman, 2022 ] .

¿Qué es el desarrollo backend?

El desarrollo backend es el desarrollo de la parte interna de un producto digital, que se encuentra en el servidor y oculta a los ojos del usuario. Gracias a esta parte del servidor podemos ver la interfaz y, en principio, utilizar el producto digital.

En otras palabras, el backend es responsable de la interacción del usuario con los datos internos, que luego muestra el frontend. La diferencia entre backend y frontend a menudo se representa en forma de automóvil, donde hay una parte visible y componentes y partes ocultas a la vista externa.

Y son precisamente estos componentes y piezas (motor, carburador, chasis, etc.) los que aseguran el movimiento del coche tal como lo vemos, y la capacidad de conducirlo pisando los pedales y girando el volante. Y también abrir puertas, ventanillas y maletero, encender los intermitentes y limpiaparabrisas, reclinar el respaldo del asiento, etc.

Existen otras opciones para presentar la diferencia entre frontend y backend. Por ejemplo, mirando el bordado, admiramos la belleza del patrón, pero si le damos la vuelta a la tela, veremos muchas intersecciones caóticas de hilos, bucles y nudos:

Asimismo, cualquier sitio web o aplicación no es sólo una bella imagen en la pantalla. Este también es un servidor que procesa nuestras solicitudes y las envía a nuestros dispositivos en una forma comprensible para nosotros, y una gran cantidad de datos internos que se almacenan allí y proporcionan este flujo de información . En general, la interacción entre el frontend y el backend tiene una forma cíclica:

• La parte del cliente (frontend) envía información del usuario al servidor (backend).
• El programa en el servidor procesa la información del usuario recibida.
• La información de respuesta se devuelve al lado del cliente en una forma comprensible para el usuario.

Así, un desarrollador backend es un especialista que desarrolla y programa la parte interna de un producto digital. ¿Cómo lo hace? Para ello es necesario conocer lenguajes de programación, poder trabajar con sistemas de gestión de bases de datos y descargar herramientas. ¿Cuáles son estos lenguajes, sistemas y herramientas? Enumeremos los componentes más básicos del desarrollo backend.

Lenguajes de programación para desarrollo backend:

• PHP.
• Pitón.
• Rubí.
• C, C++, C#.
• Java.
• JavaScript/Nodo.

De los lenguajes enumerados, Python ahora es muy popular para backend. Un tema aparte es el uso de C, C++ y C# para el backend. La elección de un lenguaje de programación específico depende del proyecto y de las tareas en cuestión. No consideraremos ahora los matices del uso de lenguajes de programación para diferentes tareas, porque para ello necesitaremos escribir un artículo separado sobre cada uno de los lenguajes enumerados.

La lista de lenguajes de programación para el desarrollo backend es necesaria aquí únicamente para orientar a los lectores sobre las características del trabajo de un desarrollador backend y transmitir la idea de que un desarrollador backend necesita conocer uno de los principales lenguajes de programación.

Usando el mismo principio, le presentaremos otros componentes del desarrollo backend: enumeraremos las opciones que se pueden usar y usted podrá familiarizarse con cada una de ellas de forma independiente y seleccionar una o dos opciones con las que desea trabajar más.

Sistemas de gestión de bases de datos para desarrollo backend:

• MySQL.
• PostgreSQL.
• SQLite.
• MongoDB.

Descargue (implemente) herramientas para el desarrollo backend:

• CI/CD.
• Kubernetes (K8).
• Estibador.

¿Por qué un desarrollador backend necesita saber todo esto y qué hará exactamente con este conocimiento? Echemos un vistazo.

Responsabilidades del desarrollador backend :

• Creando una arquitectura de código.
• Creación de bases de datos.
• Gestión de base de datos.
• Configuración de actualizaciones automáticas.
• Desarrollo de API.
• Optimizar la funcionalidad de un recurso web para reducir el tiempo de carga.
• Optimización de algoritmos.
• Creando un núcleo semántico desde cero.
• Refinamiento del núcleo semántico.
• Configurar una copia de seguridad.
• Control de la funcionalidad de la parte interna de un producto digital.
• Seguimiento del funcionamiento de los servidores.

De todos los términos utilizados, prestemos atención al desarrollo de API. En términos simples, una API es un conjunto de métodos y reglas mediante los cuales varios programas se «comunican» entre sí e intercambian datos.

Ya hemos descubierto que se utilizan una variedad de lenguajes para el desarrollo backend. Y, relativamente hablando, la API es necesaria para que el sitio PHP «entienda» la solicitud que proviene del sitio Python, de modo que se pueda acceder al sitio para pedir pizza o boletos de avión tanto desde un teléfono inteligente Android como desde un iPhone.

En general, el desarrollo backend es un área de esfuerzo bastante popular entre los jóvenes que están considerando una carrera en el campo de TI. Esta aura de la “parte inferior del mundo digital” ya ha migrado al arte, y hoy en día se utiliza terminología altamente especializada incluso en los títulos de las canciones. Por ejemplo, en la composición Backend Error, interpretada por Mychraw Seraphim .

Volviendo a nuestro tema, supongamos que generalmente comprende la diferencia entre desarrollo backend y frontend. Y los lectores más avispados probablemente tengan una pregunta: ¿es posible poner en una mano todo el proceso de desarrollo de un producto digital, sin dividirlo en backend y frontend? ¡Discutamos esto también!

Desarrollo Full Stack: ¿Qué significa?

De hecho, existen en la naturaleza desarrolladores que pueden realizar tanto desarrollo frontend como backend. Un especialista de este tipo se denomina desarrollador full stack. No hablaremos de sus funciones por separado, porque ya hemos hablado de todo anteriormente. En pocas palabras, un desarrollador full stack debe saber todo lo que saben un desarrollador backend y un desarrollador frontend.

Como podemos ver, parece atractivo. ¿Por qué entonces existe una división entre backend y frontend? En primer lugar, para dominar cada una de las especializaciones a un alto nivel, es necesario procesar bastante información. Y un especialista limitado en este sentido superará a un generalista que sabe un poco de todo.

En segundo lugar, no siempre es físicamente posible combinar todas estas funciones. Es un poco como preguntarse por qué se necesita un controlador en el transporte público y por qué no asignar estas funciones al conductor.

En principio, el conductor del minibús controla bien las tarifas. Pero si con esto confundes al conductor de un tren de cercanías, es poco probable que algo salga bien. Necesitará la ayuda de un controlador o automatización como los torniquetes del metro, cuando los pasajeros sin billete simplemente no pueden entrar a la estación de metro.

Es por eso que el desarrollo completo se utiliza con más frecuencia para aplicaciones móviles y sitios web de una página que para proyectos a gran escala. Por cierto, el desarrollo de aplicaciones móviles tiene sus propios matices. Comencemos con el hecho de que existe una distinción entre desarrollo nativo y multiplataforma.

Tipos de desarrollo móvil:

• El desarrollo nativo es cuando una aplicación se desarrolla por separado para Android y por separado para iOS/iPhone.
• El desarrollo multiplataforma es cuando se desarrolla una aplicación, que luego se adapta para Android e iOS mediante un compilador.

Ahora veamos qué herramientas se utilizan para implementar estas direcciones.

Lenguajes nativos de desarrollo :

• Aplicaciones de Android : lenguajes Java y Kotlin.
• Aplicaciones para iOS/iPhone – Lenguajes Objective-C y Swift.

Para el desarrollo multiplataforma, se utilizan los marcos React Native, Flutter o Xamarin.

Lenguajes de desarrollo multiplataforma :

• Para React Native : lenguaje JavaScript
• Para Flutter : lenguaje Dart.
• Para Xamarin – lenguaje C#.