Curso de Grunt: Automação de tarefas front-end

Faça esse curso de Automação e Performance e:

• Mais velocidade e otimizações para o seu front-end
• Minifique e concatene seus arquivos de maneira simples
• Otimize o tamanho das imagens
• Melhore a velocidade do seu site de forma automatizada
• Versionamento, linting e mais!

Conteúdo Detalhado

1. Introdução

   • Grunt: automação de build front-end
   • Node.js e instalação
   • O projeto
   • Instalando o Grunt através do NPM e do package.json
   • O arquivo Gruntfile.js
   • Instalando nosso primeiro plugin
   • Configurando tarefas (tasks) do Grunt
   • Targets
   • Registrando tarefa atalho

2. Minificação e concatenação

   • O problema das múltiplas requisições
   • A técnica merge (concatenação)
   • O problema com o tamanho dos arquivos
   • A técnica de minificação
   • O problema da não-automação
   • Automatizando merge e minificação com Grunt
   • grunt-usemin

3. Otimização de imagens

   • O peso das imagens na web
   • A árdua tarefa de otimizar imagens
   • Otimizando imagens com Grunt

4. Versionamento

   • Pegando carona no cache do navegador
   • A técnica de versionamento
   • Versionamento através do Grunt

5. Lidando com pré-processadores

   • Grunt e tasks de pré-processamento
   • As tasks coffee e less
   • Automatizando com a task watch

6. Realtime linting

   • O plugin de linting

7. Livereloading e sincronização entre dispositivos

   • Livereloading e sincronização com Grunt
   • Configurando a task