229

Qué es Frontend y Backend: diferencias y características - Platzi

17185Puntos

hace 5 años

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 un sitio o aplicación web y son fundamentales para cualquier persona que trabaje en el mundo digital.

¿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.

Los desarrolladores frontend son aquellos que crean los componentes visuales de un sitio web. Dan formato a las imágenes, la animación y la interactividad de un sitio web.

fronted developer.png

¿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 en la que el navegador hace solicitudes.

Los desarrolladores backend se encargan de hacer que la lógica del sitio funcione correctamente, la información se transmita de manera segura y el desempeño de la aplicación no entorpezca la experiencia del usuario.

Guía descargable de lenguajes, frameworks y librerías backend

¿Cuáles son las diferencias entre desarrollo Frontend y Backend?

El desarrollo de front-end es el proceso de hacer que un sitio web funcione y se vea bien en un navegador. Por lo general, lo hacen diseñadores y desarrolladores, a veces con aportes del personal de marketing. Los desarrolladores front-end pueden codificar en HTML, CSS y JavaScript para integrar el diseño del cliente con una aplicación, o pueden trabajar con frameworks como AngularJS.

El desarrollo de back-end es el proceso de administrar el almacenamiento de datos y acceder a los datos de una base de datos para mostrarlos en una página web para que los usuarios puedan consumirlos en cualquier dispositivo.

Los desarrolladores de back-end a menudo deben ser fuertes en habilidades como Java, C ++, Ruby on Rails, PHP o Python, mientras que los desarrolladores de front-end pueden necesitar conocer algunos de estos lenguajes. Sin embargo, a menudo utilizan herramientas o frameworks como Bootstrap o Tailwind, que les permiten crear sus interfaces web de forma rápida y sencilla.

Conoce más sobre: ¿Qué es Angular?

Cómo funcionan el Frontend y el Backend: ejemplo Platzi

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.

F-B2.jpg

En el siguiente paso tu computador verifica qué servidor de software está corriendo el sitio. Ahí el servidor evalúa qué tipo de petición es la que estás haciendo. Si entras a www.platzi.com/cursos, el sitio web obtiene una petición GET, así que debe hacer una conexión 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 www.platzi.com/login no hace falta, ya que 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 registrada. Con esto, 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 dispone en la interfaz del sitio, lo que en este caso sería el perfil del usuario. Esto es lo que finalmente se muestra en el navegador.

Cómo convertirte en desarrollador Frontend

Para convertirte en Frontend Developer debes saber HTML y CSS, los lenguajes de maquetación que nos permiten definir la estructura y estilos de una página web. Y también JavaScript, un lenguaje de programación para definir la lógica de nuestra aplicación, recibir las solicitudes de los usuarios y enviárselos al backend. Conoce más a fondo cómo aprender arquitectura frontend.

En Platzi tenemos un curso específico de desarrollo frontend que te pondrá al día en todo lo que necesitas aprender para empezar tu camino en esta ruta tan apasionante.

Dominando estas tecnologías puedes usar algunos frameworks, librerías o preeprocesadores que expanden tus capacidades para crear todo tipo de interfaces de usuario. Algunos de ellos son:

Cómo convertirte en desarrollador Backend

Algunos de los lenguajes Backend son Python, Node.js, PHP, Go, Ruby y C#. Y así como en el frontend, todos estos lenguajes tienen diferentes frameworks que te permiten trabajar mejor según el proyecto que estás desarrollando, como Django, Flask, Express.js, Laravel, Symphony Framework, Ruby on Rails y ASP.Net. Cada uno lo hemos elegido sobre todo porque tienen una gran comunidad que los respalda.

Dependiendo de las tecnologías que pretendas aprender, hay varias rutas que puedes tomar, como lo muestra esta infografía:

https://platzi.com/backend

Sin embargo, un verdadero programador backend no está casado o casada con un solo framework o lenguaje de programación. Al contrario, intenta siempre aprender más y conocer los nuevos que van apareciendo de mejor manera, para de esta manera mantenerse a la vanguardia de su profesión.

Lo más importante no es el lenguaje, sino el entendimiento profundo de por qué las cosas están funcionando de una manera u otra.

¿Qué es un desarrollador fullstack?

Los desarrolladores full stack son profesionales que se encargan tanto de la parte técnica como de la parte creativa (frontend y backend). Un stack (en inglés pila o montón) hace referencia al grupo de tecnologías que componen un sitio web en todos sus aspectos (desde la base de datos, hacia el manejo lógico y la interfaz visual). Un desarrollador fullstack es capaz de manejar la pila completa de un sitio y por ende entiende de tecnologías tanto de frontend como de backend y también el manejo de su base de datos.

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!

Nicole
Nicole
maldeadora

17185Puntos

hace 5 años

Todas sus entradas
Escribe tu comentario
+ 2
Ordenar por:
4
3718Puntos

Había leído varios artículos y seguía con mis dudas entre las diferencias de Backend y Frontend. Pero en este articulo estuvo super clara la forma en la que lo explicaste, aclaraste muchas dudas que tenia, gracias.

3
295Puntos

Muy interesante post!!! Deja muy en claro los conceptos de ambos dos.

3
4780Puntos

Excelente post!, da conceptos claros de lo que es un Front-end y Back-end, así como sus diferencias. Regresando a la fuente. Retomando programación. Gracias Platzi.

3
1869Puntos

Muchas Gracias, por este informe tan completo y el video tan bien explicado.
Un placer estudiar así.
Un saludo para toda la comunidad de Platzi!!!.

2
19735Puntos

wow!!! 🤯no me había quedado claro hasta que leí tu post

1

Es fascinante cómo un tema te lleva a investigar otros de otras áreas. La verdad no paro de aprender con Platzi, gracias

1
6039Puntos

es posible que con JavaScript pueda ser un desarrollador Full Stack?

1

Excelente, me acabas de aclarar el panorama para iniciar esta carrera! ¡Muchas gracias!

1
2221Puntos

Para los conocedores del tema que especialidad es mas demandada la del Desarrollo Frontend o el Desarrollo Backend?

1
2221Puntos

Gracias Nicole, por esta guía para iniciar como desarrollador fullstack.

1
1136Puntos

Muy buena lectura, ahora que estoy comenzando me están quedando más claro todo lo que conlleva ser un desarrollador.

1
4746Puntos

Gracias, está genial, el aporte es un post muy claro, el tema me interesa mucho, en lo personal complicada la decisión, porque las dos ramas me gusta, me atrae mucho crear y diseñar, pero también Python y Django. 😮

1
9620Puntos

Disculpen, alguien podría a qué es (Modelo, patrón de diseño, aqruitectura, etc. ¿O solo es una concepción?) frontend-backend y cuál es su diferencia con la arquitectura cliente-servidor?

1
1076Puntos

Información valiosa. De profesión soy economista, y a lo largo de mi carrera he tenido la oportunidad de enfocarme en la optimización de procesos, pero mucha de las iniciativas que tenia en mente eran posibles con componentes tecnológicos. Por eso decidí involucrarme más a fondo en este mundo, quiero en algún momento poder desarrollar las ideas que siempre he tenido. Se que aprenderlo todo al 100% es casi imposible, pero tengo más claro el panorama de cual es el enfoque que debería tener.

1

Estoy iniciándome en el mundo de la programación.
JavaScript, con lo que entiendo estoy en Frontend…, el tiempo dirá, pero me parece un sector, el de la programación, con demanda y futuro.

1
2575Puntos

Que buen post!!! no tenía idea por donde comenzar, y ahora si.

1
3721Puntos

@Nicole,

Muchas gracias por dedicar tiempo a enseñarnos de manera general este mundo tan cotidiano, pero que para muchos de nosotros, es enteramente nuevo.

PD. Parece que el hipervinculo registrado en las palabras “desarrolladores fullstack”, tiene un inconveniente, es decir, no se refleja contenido alguno al abrirlo (4 años después de la publicación).

1

Me sirvió mucho el post ya que actualmente estoy estudiando la carrera de ISC y en los últimos meses he escuchado mucho estos dos términos (Frontend y Backend) me gusta mucho la manera en que esta explicado.

1
22005Puntos

Hola Nicole!!

Excelente artículo, me sirvió mucho para saber por dónde empezar, si por Back o Front o si arrancar de lleno con el Full Stack, gracias por esta artículo de orientación.

Muchas gracias!

1

Excelente, aclare mis Dudas gracias por explicar 😃

1
12484Puntos

Gracias Nicole.

1
20439Puntos

Desde siempre he tenido la curiosidad por estudiar el desarrollo web. Empecé en Platzi hace dos meses para estudiar marketing digital. Ahora incluyo un poco de frontend y de todas las escuelas en realidad jajaja

1
530Puntos

Genial esto se lo mandare a un amigo que me dijo que explicara 😄 gracias platzi

1
85Puntos

Muy iluminadora tu aportación. Excelente para neófitos, como yo.
Gracias y saludos.

1
42826Puntos

Hola aunque este post es antiguo, espero me ayuden con mi duda.
Estoy aprendiendo Java y a la vez Javascript, con dirección a poder desarrollar para web y también de escritorio por lo que tengo entendido se usa mas Java. Voy en buena dirección? Siento que ver dos tecnologias quizá distintas no me ayuden mucho en mi aprendizaje.

1
18476Puntos

nicole, me parece que tuviste una excelente manera de explicar esta temática, aunque ya tenia conceptos claros, me gusto tus ejemplos.
😃

1
1455Puntos

Excelente explicación de los dos conceptos, me encanto tu post

1

Fue muy educativo induciendo con aprecio al mundo de la programación.

1
3Puntos

Gracias!! Nicole… Me ayudo bastante la publicación, ahora lo entiendo mejor ya que tenia muchas dudas sobre estos temas.

1
485Puntos

excelente me ayudaste a entender mejor, tenia dudas pero me quedo mas que claro

1

Esto es solo para desarrolladores web o es transversal para quienes trabajan con datos o IA?

1
2489Puntos

Al entrar a platzi escuchaba FRONTEND y BACKEND seguido y no sabia a que se referian, al buscarlo en google me muestra que las respuestas estaban ahi mismo en PLATZI, QUE BELLEZA

1
19334Puntos

Hola! siemore tuve dudas entre la diferencia de php y javascript. La respuesta es entonces que el primero es lenguaje de bakcend y el segundo lenguaje de frontend?
Tienen sintaxis muy parecidas verdad? tal vez eso es lo que me hizo siempre equivocar

1
12Puntos

una buena explicación.

1

Gracias por este post. Estoy iniciando en el mundo de la programación, apenas iniciaré ruta de Javascript!

1
35822Puntos

Muy buena explicación, Gracias Nicole.

0

Gracias por el post, me quedo super claro las diferencias de un Backend y Frontend ya me esta empezando a gustar mi carrera ajaja lol estoy siguiendo desarrollo de software 😃

0
11301Puntos

Útil y didático como siempre, Nicole!

0
5181Puntos

<html>
<head>
<title>El título del post</title>
<link rel=“stylesheet” href= “css/estilos.css” />
</head>
<body>
<div id=“container”>
<div id=“cabecera”>
Hyperblog <span id= “tagline”>Tu blog de confianza</span>
</div>
<div id=“post”>
<h1> Este es ek titulo atractivo e interesante del
post</h1>
<p>Y este es el parrafo de
inicio donde vamos a explicar
las cosas increibles que se
pueden hacer con ramas</p>
<p>Los blogs son la mejor
forma de compartir
informacion y tus ideas
Mucho mas que ir a
conferencias o salir en Youtube.
Excepto si eres un rockstar. Pero
estadisticamente no lo eres… por ahora </p>
</div>
</div>
<body>
</html>

0
18476Puntos

nicole, me parece que tuviste una excelente manera de explicar esta temática, aunque ya tenia conceptos claros, me gusto tus ejemplos.
😃

1
17185Puntos
4 años

Gracias Sergio! Un saludo.

0
806Puntos

Hola espero puedan responderme esta duda lo agradecería mucho, yo actualmente estudio en la preparatoria, estudio una carrera técnica en el área de informática y quería complementar mis estudios con platzi , me gusta mucho la programación y me gustaría aprender sobre el backend y el fronted pero mi duda radica en querer saber por cual me recomendarían empezar?

1
189252Puntos
3 años

Cualquiera de los dos. Realmente no importa. Lo que sí importa es que no te quedes solo con uno, sino que aprendas de todo un poco.