DEV Community

Cover image for Qué es Frontend y Backend?
Giancarlo Ramirez
Giancarlo Ramirez

Posted on

4 1

Qué es Frontend y Backend?

Imagina un auto, la carrocería vendría a ser el Frontend, y dentro del auto hay muchos sistemas y servicios con los cuales el auto funciona, a ese conjunto de sistemas y servicios le llamaremos Backend.

Star Wars Mechanic fixing a Landspeeder

Siguiendo esa analogía, si el carro no avanza, nos corresponde levantar el capó y revisar que todos estos sistemas y servicios funcionen correctamente. O quizás queremos aumentar el torque o caballos de fuerza. De este trabajo se encargaría un Backend Developer.

Si queremos cambiar el color o la forma del carro, corregir ciertos daños visuales o mejorar el aerodinamismo debemos llamar a un Frontend Developer.

En la práctica, ¿de qué se encarga un Frontend Developer?

Un Frontend Developer se encarga de:

  • Maquetación: Escribir código HTML y CSS para construir una vista fiel al diseño.
  • Integración: Hacer llamadas a servicios externos para consumir o enviar datos.
  • Aseguramiento de la calidad: Escribir tests para validar que lo que se aporta no genera errores. Ayuda a mantener código limpio, legible y fácil de mantener.
  • Optimización: Mejorar las métricas de la aplicación tales como tiempos de carga, consumo de memoria, etc.

Otras actividades:

  • Diseño: Apoya con ideas o toma responsabilidad del diseño de las interfaces de Usuario.
  • UI: Conoce y aplica buenas prácticas de diseño de Interfaces de Usuario.
  • UX: Conoce y aplica buenas prácticas de diseño de una buena experiencia de Usuario.
  • Arquitectura: Se encarga de diseñar la arquitectura usando patrones de diseño y patrones de arquitectura para Frontend.

A Frontend Developer

Y, ¿De qué se encarga un Backend Developer?

Un Backend Developer se encarga de:

  • Bases de Datos: Diseña y mantiene una base de datos.
  • APIs: Diseña APIs y crea servicios que serán usados en un cliente (web, mobile, etc).
  • Aseguramiento de la calidad: Escribir tests para validar que lo que se aporta no genera errores. Ayuda a mantener código limpio, legible y fácil de mantener.
  • Optimización: Mejorar las métricas de la aplicación tales como tiempos de respuesta, consumo de memoria, etc.

Otras actividades:

  • Seguridad: Se encarga de la seguridad del sitio, certificados de seguridad, autenticación, listas de control de acceso, manejo de sesiones, proxys y VPNs, etc.
  • Infraestructura: Se encarga de proveer y configurar los servidores donde están desplegados los distintos ambientes de la aplicación, entre muchas otras cosas más, es todo un mundo por aprender y descubrir.

A Backend Developer

Y tú, ¿para qué lado te inclinas más?

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read full post →

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more