JavaScript es uno de los lenguajes de programación más poderosos en el mundo del desarrollo web, conocido por su habilidad para estar en los dos lados de este mundo: el backend y el frontend. En este post, te enseñaremos cuál es la diferencia entre JavaScript para servidor y para frontend, un conocimiento fundamental para entender la lógica de tus proyectos.
Un poco de contexto
En nuestros posts sobre qué es JavaScript y la historia de JavaScript, te hemos explicado que este es un lenguaje de programación que ha cambiado la lógica del desarrollo web. ¿Por qué? Pues porque es un lenguaje que puede programar tanto para el backend como para el frontend, simplificando el proceso de pasar de uno a otro. A continuación, te enseñaremos cuál es la diferencia entre JavaScript para servidor y para frontend, con el fin de que entiendas cómo aproximarte a la programación en estos dos distintos momentos.
¿Cómo funciona la web?
Para entender mejor la diferencia entre JavaScript para servidor y para frontend, podemos hacer un repaso sobre cómo funciona la web en general. A continuación, te mostramos una imagen con la que puedes ubicarte mientras lees nuestra descripción.
Lo primero que debemos entender es que el responsable de interpretar y manejar todo el código que escribamos es un navegador. Este será el encargado de procesar las repuestas a las peticiones que hagamos a través de la barra de direcciones.
Es decir, el proceso es el siguiente. Primero, se genera una petición a una URL (request), que va hacia un servidor. Este servidor se encarga de devolver una respuesta (response) que contiene una serie de elementos, que pueden ser recursos, datos o programas. Luego, nuestro navegador debe encargarse de parsear, interpretar y renderizar.
Las peticiones desde los navegadores vienen de un cliente que, normalmente, es el usuario dentro de nuestra web. El servidor es quien tiene que gestionar esta petición que llega desde el navegador y preparar una respuesta.
Luego, es esta respuesta la que procesa el navegador. Da igual si esta respuesta es un .json, un archivo HTML, una imagen o lo que sea, el navegador deberá intentar interpretarla. Es decir, si llega una imagen, el navegador debe intentar pintarla; si llega un JavaScript ,deberá intentar parsearlo; si llegan un HTML y CSS, deberá generar diversas acciones sobre lo que se pinta en pantalla, y así con todas las respuestas posibles.
Para conocer más sobre este proceso y sus agentes, te invitamos a leer el artículo sobre cómo funciona la web en la página oficial de Mozilla Developer Network.
¿Cual es la diferencia entre JavaScript para servidor y para frontend?
Si alguna vez has programado con JavaScript para el servidor, habrás notado que el proceso va algo como lo siguiente. Primero, definimos una especie de ruta para lanzar operaciones HTTP con las palabras get, delete, post, etc. Es decir, tenemos una especie de ruta a la que lanzamos peticiones HTTP para desencadenar determinadas acciones. Estas acciones normalmente terminan en la creación de una base de datos o una lectura de base de datos.
En términos básicos, codificar JavaScript para servidor es tener una URL que, cuando la consumimos, ejecuta una función asíncrona.
En el mundo web o frontend vamos a tener un comportamiento más orientado a eventos. Es decir, vamos a tener un usuario que ejecuta diversas acciones, como lo es pinchar un botón, hacer scroll, rellenar un formulario y refrescar un navegador. Entonces, todo nuestro código debe controlar esas acciones que el usuario realiza sobre los elementos que hemos puesto en el navegador gracias al proceso de backend.
Esta es la diferencia entre JavaScript para servidor y para frontend: pensar en términos de servidor con peticiones vs. pensar en términos del usuario con eventos.
¿Quieres seguir aprendiendo?
Ahora que conoces cuál es la diferencia entre JavaScript para servidor y para frontend, ¡es momento de aprender sobre las posibilidades de este lenguaje! Por ello, te recomendamos nuestro Desarrollo Web Full Stack Bootcamp, donde aprenderás a dominar lenguajes como JavaScript, HTML, CSS y JSX. Así, te convertirás en un experto del desarrollo web en pocos meses. ¿Quieres seguir aprendiendo e impulsar tu carrera? ¡Matricúlate ya!
