En este artículo quiero hablar sobre quienes son los Frontend Developers y cuales son sus funciones en el mundo de la programación.

¿Qué es un Frontend Developer?

Un Frontend Developer es el responsable de desarrollar la interfaz visual y la interacción de una página web con el usuario, todo esto conforma el código fuente que el navegador leerá para mostrar la aplicación, es decir, un Frontend Developer es el encargado de lo que el usuario ve.

Un sencillo ejemplo de esto es la plataforma en la que estás leyendo este artículo, LinkedIn. Como sabemos esta sufrió un cambio en su interfaz ya que no era tan agradable como la conocemos hoy en día, para realizar este cambio el equipo de desarrollo necesita a los Web Designers, encargados de armar la presentación visual de la página web en un formato PSD (Adobe Photoshop) o cualquier otro, y por supuesto a los Web Developers quienes se encargarán de llevar a la web dicha "presentación visual".

Subconjuntos dentro del Frontend

Dentro de este rol hay quienes prefieren enfocarse en el área de diseño, mientras que otros en el área de la funcionalidad. Es por eso, por lo que a mi juicio este rol se divide en dos subconjuntos:

Diseñador web y Maquetador web

Un diseñador web, como su nombre lo indica es el responsable del diseño de la web. Su función es establecer los colores, el posicionamiento de los elementos, tales como el menú, los botones, los banners, las imágenes, entre otros.

Los diseñadores web crean contenidos gráficos ya sea imágenes o videos, generalmente utilizando herramientas como Adobe Dreamweaver, Adobe Illustrator y/o Adobe Photoshop.

Una vez culminado el trabajo del diseñador, entra en juego el maquetador web. Esta persona es la responsable de traducir a código el diseño de la interfaz, manteniendo una similitud entre ellas. Generalmente esta persona debe trabajar en el Responsive Design, es decir, adaptar la interfaz de la web según el dispositivo que se esté utilizando para visitarla.

Los maquetadores web para llevar acabo su trabajo deben tener conocimiento en HTML que sirve para dar la estructura de tu proyecto, CSS esencial para aplicar estilos y Javascript (si aplica) fundamental para implementar la interactividad.

Desarrollador Web

Un Desarrollador Web es el encargado de la parte funcional de una página web.

La validación de formularios, el consumo de APIs (método de comunicación entre dos aplicaciones), guardar datos en LocalStorage (memoria del navegador) está dentro de las funciones que éste ejerce como Frontend.

En LinkedIn, para que el botón "+ Seguir" funcione se debió haber añadido una acción al ser presionado, al igual que este botón, muchos de los elementos de esta plataforma tienen asociado una acción que se debe cumplir en base a lo que el usuario realice.

Quiero recalcar que la lista de funciones es muy extensa, tanto así que sale del marco de lo que es un Frontend Developer.

Hay tareas como por ejemplo guardar los datos de los usuarios en una base de datos, la comunicación entre usuarios en un chat, que son imposibles de hacer para un Frontend Developer, ya que son tareas del Backend Developer.

Las tecnologías que solemos usar son HTML, CSS y Javascript. Sin embargo, nos regimos de frameworks de Javascript como Angular, React, Vue.js o Ember.js y frameworks de CSS como Bootstrap o Foundation para facilitar nuestro trabajo.

¿Cuál es mi área?

Si bien es cierto que tengo conocimientos en el diseño porque sé manejar Adobe Photoshop y hago propuestas (directas en el código) para que una aplicación luzca mejor, lo que más me apasiona es el dinamismo que pueda llegar a tener una aplicación, me gusta mucho ordenar datos según un criterio, crear buscadores para filtrar datos y, sobre todo, me gusta que cada una de las cosas, sean lo más amigable posible para el usuario.

En conclusión, ambas áreas son de mi agrado, pero me inclino más en el desarrollo.

Descubre más...

Ya hemos llegado al final...

Antes de finalizar quisiera que recomendaran y compartieran este contenido, para ayudar a la comunidad a aprender un poco más sobre los Frontend Developers.

Igualmente quienes deseen dejar un comentario es bienvenido, estoy abierto a sus opiniones, criticas o sugerencias.

Muchas gracias.