Frontend es la parte de un sitio web que interactúa con los usuarios, por eso decimos que está del lado del cliente. Backend es la parte que se conecta con la base de datos y el servidor que utiliza dicho sitio web, por eso decimos que el backend corre del lado del servidor. Estos dos conceptos explican a grandes rasgos cómo funciona una página web y son fundamentales para cualquier persona que trabaje en el mundo digital, ya sea en programación, marketing, diseño o emprendimiento.

¿Qué es Frontend?

Frontend es la parte de un programa o dispositivo a la que un usuario puede acceder directamente. Son todas las tecnologías de diseño y desarrollo web que corren en el navegador y que se encargan de la interactividad con los usuarios.

HTML, CSS y JavaScript son los lenguajes principales del Frontend, de los que se desprenden una cantidad de frameworks y librerías que expanden sus capacidades para crear cualquier tipo de interfaces de usuarios. React, Redux, Angular, Bootstrap, Foundation, LESS, Sass, Stylus y PostCSS son algunos de ellos.

¿Qué es Backend?

Backend es la capa de acceso a datos de un software o cualquier dispositivo, que no es directamente accesible por los usuarios, además contiene la lógica de la aplicación que maneja dichos datos. El Backend también accede al servidor, que es una aplicación especializada que entiende la forma como el navegador solicita cosas.

Algunos de los lenguajes de programación de Backend son Python, PHP, Ruby, C# y Java, y así como en Frontend, cada uno de los anteriores tiene diferentes frameworks que te permiten trabajar mejor según el proyecto que estás desarrollando. En Platzi tenemos Django, Laravel, Ruby On Rails y ASP.Net, los hemos elegido sobre todo porque tienen una gran comunidad que los respalda.

Cómo funcionan el Frontend y el Backend

La web está compuesta de un montón de documentos que están conectados entre sí, a través de enlaces. Cuando quieres entrar a Platzi escribes la URL www.platzi.com en la barra del navegador, eso quiere decir que estás solicitando que te muestren una página web.

En el siguiente paso tu computador verifica qué servidor de software está corriendo el sitio. Ahí el servidor mira qué tipo de petición es la que estás haciendo. Si entras a https://platzi.com/cursos/ es una petición GET que obtiene el sitio, aquí tiene que conectarse a la base de datos para obtener el listado de cursos.

Algunas veces no se requiere conexión a la base de datos, por ejemplo: al entrar a https://platzi.com/login no hace falta, ya cuando inicias sesión se hace una petición POST que se conecta a la base de datos para validar los accesos y el tipo de cuenta o suscripción que tienes, y con eso el Backend devuelve la respuesta al servidor para que la empuje al navegador.

Finalmente entra el Frontend que recibe la información que le pasó el Backend y la acomoda en la interfaz del sitio, que en este caso sería el perfil del usuario. Esto es lo que finalmente se muestra en el navegador.

Si estás aprendiendo a programar seguramente vas a encontrarte con muchos de los términos de este artículo. Además, en algún punto vas a tener que decidir si prefieres el Desarrollo Frontend o el Desarrollo Backend, aunque es cierto que hay Desarrolladores FullStack que involucran las dos áreas.

Cuéntame en los comentarios si te queda alguna duda, si estás aprendiendo a programar y cuáles son tus lenguajes favoritos.