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.
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.
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
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?
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 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.
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:
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:
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.
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!
Es increíble para una persona que recién está comenzando, esta lectura.
Totalmente de acuerdo.
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.
Muy interesante post!!! Deja muy en claro los conceptos de ambos dos.
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.
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!!!.
wow!!! 🤯no me había quedado claro hasta que leí tu post
Es fascinante cómo un tema te lleva a investigar otros de otras áreas. La verdad no paro de aprender con Platzi, gracias
es posible que con JavaScript pueda ser un desarrollador Full Stack?
Excelente, me acabas de aclarar el panorama para iniciar esta carrera! ¡Muchas gracias!
Para los conocedores del tema que especialidad es mas demandada la del Desarrollo Frontend o el Desarrollo Backend?
Gracias Nicole, por esta guía para iniciar como desarrollador fullstack.
Muy buena lectura, ahora que estoy comenzando me están quedando más claro todo lo que conlleva ser un desarrollador.
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. 😮
Muy clara explicación
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?
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.
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.
Que buen post!!! no tenía idea por donde comenzar, y ahora si.
@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).
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.
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!
Excelente, aclare mis Dudas gracias por explicar 😃
Gracias Nicole.
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
Genial esto se lo mandare a un amigo que me dijo que explicara 😄 gracias platzi
Muy iluminadora tu aportación. Excelente para neófitos, como yo.
Gracias y saludos.
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.
nicole, me parece que tuviste una excelente manera de explicar esta temática, aunque ya tenia conceptos claros, me gusto tus ejemplos.
😃
Excelente explicación de los dos conceptos, me encanto tu post
Fue muy educativo induciendo con aprecio al mundo de la programación.
Gracias!! Nicole… Me ayudo bastante la publicación, ahora lo entiendo mejor ya que tenia muchas dudas sobre estos temas.
excelente me ayudaste a entender mejor, tenia dudas pero me quedo mas que claro
fea
Esto es solo para desarrolladores web o es transversal para quienes trabajan con datos o IA?
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
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
una buena explicación.
Gracias por este post. Estoy iniciando en el mundo de la programación, apenas iniciaré ruta de Javascript!
Muy buena explicación, Gracias Nicole.
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 😃
Útil y didático como siempre, Nicole!
Thanks
<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>
nicole, me parece que tuviste una excelente manera de explicar esta temática, aunque ya tenia conceptos claros, me gusto tus ejemplos.
😃
Gracias Sergio! Un saludo.
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?
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.