Produtividade para o desenvolvimento web usando boas práticas

Para o desenvolvimento web o que podemos citar de boas práticas?

• Minificação de javascript
• Minificação do CSS
• Testes
• Uso de sprites
• etc....

Bem se for fazer na mão cada coisinha dessa aja trabalho!

Hoje fiz um teste de uma ferramenta que achei muito interessante, o propósito dela é aumentar a produtividade no desenvolvimento web e ainda usar as boas práticas, se chama Yeoman, a ferramenta é um gerador de código que entrega um código estruturado e pronto para uso, ela utiliza e integra o grunt para execução de tarefas e o bower como gerenciador de dependências.

Algumas das features interessantes:

• scaffolding.
• Processo de construção do projeto fazendo minificação e concatenação de arquivos do projeto, otimização de imagens, compilação caso use o coffeescript ou Compass, se usar amd, é otimizado passando pelo r.js.
• Lint dos scripts do projeto com JSHint para garantir as melhores práticas.
• Servidor de preview, onde você pode usar o próprio servidor para visualizar as alterações, e as alterações causam o refresh da página do browser fazendo com que as alterações sejam rapidamente vistas.
• Otimização de imagens usando OptiPNG e jpegtran fazendo com que as imagens usadas no app tenham um tempo mais curto de download, melhorando a experiência do usuário.
• Gerenciamento de dependências via bower, não perdendo tempo procurando mais (basta usar bower search jquery), que ele procurará o jquery e você pode instalar tão simples como buscar, isso sem pesquisar no browser.
• PhantomJS para testes de unidade, você pode executar facilmente os testes via PhantomJS.

Recomendo ver esta ferramenta em ação, eu me surpreendi com o resultado, acho que vocês também vão.