Tecnologia de Base

Tempo é Dinheiro: automação no desenvolvimento front-end

Para desenvolver um aplicativo web são necessários vários processos e, nos últimos tempos, o fluxo de atividades nesta área tem aumentado significativamente e pode deixar o trabalho lento e tedioso. Por exemplo: abstrações, frameworks, testes, documentação, desenvolvimento modular, gerenciamento de dependências, otimização de performance, integração continuada, controle de versões, dentre outras.

A automação é uma resposta à necessidade de aproveitar melhor o tempo e tornar-se mais produtivo, pois automatizar as tarefas repetitivas permite ser mais efetivo no trabalho.

Segundo Gustavo Akira, Desenvolvedor Front-end da Tirrell, “perdemos um bom tempo para fazer a distribuição dos arquivos para produção ou aplicar o back. Com a automação podemos agilizar este processo de criação de tarefas (“tasks”) no Grunt, Gulp ou Webpack  e depois reaproveitá-las em outros projetos.”

Todos eles são instalados e gerenciados via npm (Node.js Package Manager).

 

1- Grunt – https://gruntjs.com/

Grunt.js

 

 

 

 

 

Com o Grunt é possível executar tarefas repetitivas como minificação, configuração, teste unitário, dentre outros.

Indicação de leitura: 

Gulp vs Grunt. Why one? Why the Other?

 

2- Gulp – https://gulpjs.com/

Gulp.js

 

 

 

 

 

 

Com o código mais simplificado, o Gulp privilegia a codificação em vez da configuração. Segue as melhores práticas de uso do Node.js e sua API é minimalista, simplificando seu uso.

Indicação de leitura:

An Introduction to JavaScript Automation with Gulp

 

3- Webpack – https://webpack.js.org/

Webpack

 

 

 

 

 

Em sua essência, Webpack é um gerenciador de módulos para aplicações em JavaScript. Quando ele é executado, ele monta recursivamente os gráficos de dependências de cada módulo que a aplicação precisa, depois agrupa todos esses módulos em um ou mais pacotes.

Indicações de leitura:

Webpack – A Detailed Introduction

Introduction to Webpack with practical examples

 

 

Referências:

 

GRUNT. The JavaScript Task Runner. Disponível em: https://gruntjs.com/ . Acesso em: Jan 2017.

GULP. Disponível em: https://gulpjs.com/ (https://gulpjs.com/). Acesso em: Jan 2017.

OSMANI, Addy. The Landscape Of Front-end Development Automation (Slides). Disponível em: https://developers.google.com/web/updates/2013/11/The-Landscape-Of-Front-end-Development-Automation-Slides . Acesso em Jan 2017.

WEBPACK. Disponível em: https://webpack.js.org/. Acesso em: Jan 2017.

 

 

 

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *