¿Cuál es la diferencia entre frontend y backend?

Categorias: Diseño Web

diferencia entre frontend y backend

Seguramente has leído en muchos de nuestros artículos tanto la palabra “frontend” como “backend”.

Si eres relativamente nuevo en el mundillo del desarrollo web, no puedes negar que tienes mucho que aprender todavía sobre estas dos palabras: frontend y backend

Independientemente de si está interesado en seguir una carrera de programación o si estás más interesado en detalles relacionados con la codificación, vale la pena que descubras las características más comunes, así como las principales diferencias entre frontend y backend, especialmente porque la funcionalidad de un sitio web depende de ello.

¿Qué es el frontend?

La compleja interfaz de una página web es lo primero que contemplan los usuarios que vistan un sitio web desde su navegador de Internet (Firefox, Chrome, ect). Digamos que es la parte visible y accesible de una web

Al frontend también se le conoce comúnmente como el "lado del usuario" e incluye todo lo que el usuario experimenta, incluido el texto, el color, los botones, las imágenes, los menús de navegación, ect. 

frontend

Básicamente, esto significa que un desarrollador de frontend está a cargo de introducir todas las tecnologías necesarias para garantizar que una página web responda correctamente ante las acciones que realicen los usuarios. Si bien un desarrollador de aplicaciones para el frontend desarrolla la funcionalidad del sitio web, es el diseñador web quien se encarga del diseño del sitio en sí, así como de determinar qué botones y puntos de contacto mejorarán la experiencia de cara al usuario.

¿Cuáles son los principales lenguajes de programación para el frontend?

Hay tres lenguajes de programación que son comúnmente utilizados por los desarrolladores web de frontend:

html css js

Juntos, todos estos idiomas, así como otros frameworks, como Bootstrap y Angular, hacen posible que un usuario pueda acceder a una web desde su navegador y verla correctamente.

¿Qué es el backend?

El backend es la parte “oculta” de un sitio web, ya que los usuarios no pueden acceder a ella libremente. Es donde se almacenan y organizan todos los datos de una página web para garantizar que todo funcione bien de cara al usuario. 

server backend

Si bien el backend se comunica directamente con el frontend, en esencia, se encarga de enviar y recibir la información que se transmite desde la interacción en el lado visual de la web. Por ejemplo, si un usuario rellena un formulario de contacto, en el backend se maneja la transmisión y el almacenamiento de esta información privada con el servidor.

Por lo tanto, ambas partes deben trabajar de forma conjunta para brindar una experiencia de usuario satisfactoria. 

Backend: panel de control de la web

Al backend también se le conoce como el “panel de control de la web”, una interfaz interna a la que los usuarios no pueden acceder, y desde la que se gestiona todo lo relacionado con el contenido de un site en sí, ya sean entradas, categorías, paginas, plugis, módulos, extensiones, ect

Hoy en día, los gestores de contenidos (CMS) más populares del mercado incluyen backends muy avanzados e intuitivos, por ejemplo, en el caso de WordPress; este incluye un backend con nombre propio llamado “Escritorio” (“Dashboard” en inglés). 

WordPress Escritorio

El caso de otros gestores de contenidos similares como Joomla o PrestaShop 1.7, no tienen ningún tipo de nombre propio en inglés, sino que a su panel de control interno se le conoce tal cual como “backend”. Aunque en el caso de Joomla, el backend en español se llama “Panel de control”, y en PrestaShop 1.7, “Inicio”.

A partir de ahora, seguro que si lees por algún sitio la palabra frontend o backend sabrás mucho mejor a que hacen referencia estos dos términos tan usados.

¿Todavía sin hosting para montar tu propia página web?

Contrata ahora nuestro Plan WordPress y podrás seleccionar entre instalación básica ó instalación completa, la cual incluye algunos de los themes y plugins más recomendamos por nuestra parte.  
Hostinet te lo pone muy fácil para que puedas tener una Web con WordPress ¿Qué prefieres: ¿Instalación básica o instalación completa? ¡TU DECIDES!

Hosting WordPress