Herramientas frontend

Editar

Un resumen de las herramientas frontend, que sirven para agilizar y optimizar el trabajo realizado con los lenguajes de programación y de diseño del lado del cliente, principalmente Javascript y CSS, pero también con imágenes, HTML, etc.

Las herramientas frontend son fundamentales en el desarrollo para la web, ya que permiten agilizar mucho el trabajo del día a día en el desarrollo de sitios y aplicaciones web, eliminando cantidad de trabajo pesado y repetitivo.

Las herramientas nos sirven generalmente para automatizar tareas, como la creación de archivos optimizados para sitios web, el empaquetado de código Javascript y CSS y la transpilación del Javascript.

Existen muchas. Basadas en Node como como Gulp, Webpack, Rollup, Browserify, Parcel, Grunt, ESbuild, Vite... o incluso con interfaz gráfica como CodeKit. Además de toda esa serie de herramientas orientadas sobre todo a la transpilación y empaquetado también han surgido muchas orientadas a CSS como PostCSS.

Incluso hoy son muy populares otras herramientas más pensadas en ofrecer servidores de desarrollo, ya sea mediante packages de NodeJS o plugins/complementos de editores o IDEs.

¿Quieres añadir algo sobre Herramientas frontend?

Crea artículos, recursos o comparte información sobre Herramientas frontend

Crear un bloque

Manuales

Entorno de trabajo del desarrollador web

En este manual abordamos distintas herramientas que pueden formar parte del entorno de trabajo del desarrollador web. Encontrarás programas y recursos de todo tipo que te pueden ayudar a crear webs.

Manual de Webpack

Este es el manual de Webpack, la herramienta más importante para el desarrollo frontend moderno. Webpack es originalmente un empaquetador...