Herramientas para desarrolladores Frontend

Herramientas que usan los desarrolladores Frontend

Con la llegada de los sitios responsive, desarrollo de apps, el papel que juega un desarrollador que se dedica al Front-end es muy demandado. Esto se debe a que su labor requiere de caracteristicas y la utilizacion de herramientas especificas.

Elegir las herramientas y librerias para el desarrollo de aplicaciones Front-End (HTML, CSS, JS). A mi criterio las herramientas que un desarrollador de Frontend son:

• Preprocesadores de CSS

  Un preprocesador de CSS es una herramienta que nos permite escribir pseudocodigo de CSS que se convertira posteriormente en CSS.

• Frameworks de CSS

  Los Frameworks de CSS proveen de estilos genericos para implementar en el diseño web, aportando una serie de utilidades que pueden ser:
  

  • Multiproposito

    Proporciona una serie de capacidades variadas pero utiles con temas relacionados con desarrollo web.

  • Proposito Especifico

    Este tipo de Frameworks proporcinan unicamente de una funcion unica, como servir de sistema de rejillas o para controlar la parte grafica de una interfaz.

• Frameworks de JavaScript

  Los frameworks de JavaScript permiten crear facilmente aplicaciones web, debido a que hace el trabajo mas facil por sus caracteristicas y funciones que ayudan a enriquecer nuestros sitios web.

• Herramientas de Maquetado

  Utilizar este tipo de herramientas resulta una gran ayuda debido a que se presentan los elementos necesarios para cada area haciendo del trabajo de un Frontend mas eficiente.

Aunque resulta haber hay muchísimas herramientas disponibles vamos a dar respuesta a las siguientes preguntas¿para qué sirven realmente? ¿en qué me va a beneficiar usarlas? ¿cómo las integro a mi flujo de trabajo?

• Bower

• Grunt

• CoffeeScript

• LESS, SASS, Stylus

• Modernizr

• Normalize.css

• Yeoman

• Zepto

Esta son algunas de las herramientas de front-end que son mas utilizadas por desarrolladores de Frontend. Involucraria hacer una lista grande, lo que llevaria a hacer a medida que va pasando el tiempo un listado mayor que se irian agregando mas herramientas y librerias, actualmente las herramientas para desarrollar e iniciar un proyecto son LESS, Jade, CoffeeScript, jQuery, SASS, etc, unicamente por mencionar algunas. Pero hemos encontrado un Listado de Herramientas y Librerias de Frontend en Github al cual puedes acceder en este enlace Frontend Tools -> https://github.com/codylindley/frontend-tools
 

Ahora para finalizar hablemos un poco de estas herramientas que un desarrollador encargado del frontend puede o no utilizar.En este video se explican varias herramientas que te permitiran optimizar el desarrollo frontend y mejorar el flujo de trabajo. Además se aborda acerca del proceso de diseño de un sitio web, cita con el cliente, wireframings, guías de estilo.