Onion Studio | Agencia de marketing digital
14, agosto 2019

¿Qué es frontend?

Un artículo de Juanje Izquierdo

En este artículo hablamos, entre otras cosas, de…

Por empezar con una definición simple, llamamos frontend a la parte con la que el usuario del sitio web interactúa, lo que algunos suelen llamar el lado del cliente.

Un desarrollador frontend es el encargado de llevar a la práctica el diseño de un sitio web para que el usuario final pueda usarlo. Casi todo lo que ves en la pantalla cuando accedes a una web es desarrollo frontend, la estructuración de los apartados, márgenes entre bloques, tamaños de textos, tipos de letra, colores, adaptación para distintos dispositivos, efectos visuales… Esto se lleva a cabo mediante, principalmente, tres lenguajes: HTML (Hyper Text Markup Language), CSS (Cascading Style Sheets) y JS (Javascript). Cada lenguaje es usado para diferentes partes del front.

  • HTML: es la columna vertebral de cualquier proceso de desarrollo de sitios web y proporciona un marco general de cómo se verá el mismo.
  • CSS: controla el aspecto de presentación del sitio. Lo hace mediante hojas de estilo.
  • JS: es un lenguaje de programación basado en eventos que se utiliza para transformar una página estática en una interfaz dinámica interactuando con el usuario, el navegador y el servidor.

La importancia de un buen frontend: accesibilidad y rendimiento

A la hora de enfocar el proyecto y su desarrollo, hay que tener en cuenta los distintos dispositivos desde los que el usuario final del sitio puede acceder a la misma. A esto hace referencia la accesibilidad. Debemos trabajar en el diseño web, navegación, contenido e interacción para que sean accesibles. Lo cual, además de facilitar el uso de nuestro sitio web en la mayoría de dispositivos (móviles, tabletas, lectores  nos ayuda al posicionamiento orgánico SEO, ya que muchas de las pautas de accesibilidad ayudan a los bots de los buscadores a entender nuestro sitio web.

Aparte de los dispositivos móviles (que ya son mayoría a la hora de visitar sitios webs), la accesibilidad ayuda a que los dispositivos especiales usados por personas con algún tipo de discapacidad puedan interpretar de manera correcta nuestro código. Se tiende a relacionar la accesibilidad simplemente con este último caso, pero la accesibilidad ayuda a todo el mundo. Y de la misma manera que lo hacen una rampa en lugar de unas escaleras, o un suelo antideslizante para el baño (haciendo un símil arquitectónico).

Otro aspecto muy importante a tener en cuenta a la hora del desarrollo frontend es el rendimiento, ya que afecta directamente tanto a una mejor experiencia de usuario como al posicionamiento en motores de búsqueda. Hay varios factores que pueden hacer que el rendimiento del sitio web no sea el adecuado y los tiempos de carga se disparen como el número de peticiones al servidor, tamaño y resolución de las imágenes, mal depuración del código, etc.

Fotografía de Charles Deluvio en Unsplash

Artículos relacionados

Quizá te interese…