¿Qué es un Frontend?

Una de las grandes preguntas que un profesional Web debe de resolver es la especialización.

Existen en Latinoamérica muchas personas que siguen denominándose con el término "Webmaster", cuando en realidad Internet ha crecido de una forma tan compleja que es necesario conocer nuestros talentos y elegir un camino para destacar y ser más competitivos.

Definiendo a un Frontend


En este curso nos enfocaremos perfectamente bien en el área de Frontend ó al equipo ó personaje que trabaja del lado cliente. Para tenerlo más claro, haremos una comparación.Vamos a imaginar un automóvil:



Los asientos de piel, el color del auto, el volante ó manubrio, los pedales, el estéreo, los espejos. Todo lo que implica exterior del automóvil y tiene interacción con el conductor, es Frontend. Sin él, el auto correría bien pero no creo que nadie quiera subirse a tu automóvil porque se ve muy mal, es muy complicado manejarlo y no se entiende, incómodo ó incluso da la sensación de que es inseguro.

Backend
, por otro lado, es la parte interna del auto que realiza el soporte, transmisión, motores. No notamos directamente su presencia, pero hace que todo funcione. Sin él, aunque el auto es increíble a nivel exterior y visual, en el momento que lo abordas te das cuenta que se apaga el motor muy seguido, no enciende o se escuchan fallas dentro del mismo.

Otra gran analogía es la construcción de un edificio, donde los arquitectos e ingenieros civiles deben trabajar en equipo para consolidar un proyecto. La estética y apariencia exterior es importante (Frontend), pero dependen de una estructura sólida y planeación estratégica para que no se derrumbe (Backend).En el área Web es lo mismo.

Es vital entre ambos crear estrategias complementarias que permitan a sus aplicaciones ser épicas.

¿Qué es Frontend?


El Frontend es el área Web que trabaja con el diseño, visualización y dinamismo del usuario, a través del lado del cliente o navegador. Básicamente, TODO lo que el usuario puede ver e interactuar en un sitio o aplicación.

¿Qué hace un profesional Frontend?


Citando a Nate Koechley, Senior Frontend de Yahoo! : "Los profesionales Frontend dan a los sitios fuerza y resiliencia, apariencia y forma, funcionalidad e interactividad. Esta área es crítica para el éxito del proyecto web."

Los objetivos Frontend están enfocados sobre:

- HTML, CSS, Javascript. Maquetar la estructura semántica del contenido, codificar el diseño en hojas de estilo y agregar la interacción con el usuario.
- Crea adaptación y compatibilidad con navegadores y dispositivos.
- Accesibilidad
- Optimización y Ejecución
- Diseño Visual
- Comunicación y Construcción de Procesos

¿Qué puestos complementan a un Frontend?


Los organigramas de Startups y empresas tecnológicas son muy variadas. En el mejor escenario de un proyecto web, existe un equipo interdisciplinario Frontend con puestos y actividades específicas.

Recurso: obamapacman.com 



Entre los principales puestos de un equipo Frontend se encuentran:

Arquitectos de información

Son especialistas en identificar expectativas y necesidades de sus usuarios para determinar contenidos específicos sobre el sitio o aplicación. Crean sistemas de organización, navegación, búsqueda y cuentan con estrategias para escalar la información de forma ágil y estructurada, enfocándose en la funcionalidad.

Diseñadores de Interacción

El área de Diseño de Interacción (User Experience) es una especialidad que registra, evalúa y define la percepción, comportamiento y usabilidad de un sitio con sus usuarios.

Realizan análisis y pruebas con ellos de forma continua para dar certeza de la confianza, seguridad y gusto de ellos con el producto ó servicio tecnológico.

Diseñadores Web

El área de Diseño Web comprende en cubrir las necesidades visuales, funcionales y estéticas del sitio ó aplicación, cumpliendo con los objetivos establecidos.

Se encargan de la estrategia visual, ilustración y creación de imágenes.Deben especializarse en diseño, usabilidad y tienen amplios conocimientos y manejo de aplicaciones informáticas relacionadas con diseño gráfico. En sus habilidades, conocen HTML y CSS.

Maquetadores / Slicer

Los especialistas en maquetación están enfocados en HTML, CSS y Javascript. Desarrollan técnicamente la semántica del sitio y aplican formato. Muchas de las atribuciones de los puestos anteriores se ven en equipos grandes, mientras que en equipos más reducidos vemos a un solo Frontend con muchas de estas habilidades.

Cuando mencionamos en el equipo únicamente a un Frontend o a un Frontend líder de equipo consideramos que es un área técnica porque generan la conexión con el área Backend en cualquier aplicación. Requieren conocimientos avanzados de Javascript. Se encargan de la ejecución, optimización de los recursos y construcción de procesos.

¿Las responsabilidades de comunicación que tiene un profesional Frontend?




Un profesional Frontend ó un equipo de ellos funcionan como embajadores. Además de coordinarse con su equipo, deben de estar conscientes de ser receptivos, resilientes y crear comunicación ágil con las siguientes personas:

Gestores de Producto y Directivos

Responsables de la dirección del proyecto web y su rentabilidad. Establecen los planes estratégicos y crean una visión integral con todo el equipo para ejecutar el modelo de negocios.

Ingenieros Backend

El grupo que construye y soporta la aplicación. Da las bases sólidas para escalar y comunicar ágilmente los datos en los servidores.

Usuarios Finales

Es importante que el profesional Frontend conozca y detecte de forma concisa la retroalimentación de los usuarios. Ellos son los principales consumidores y es prioridad conocer sus actitudes y comportamientos con respecto al trabajo creado.