Gulp: automação de tarefas front-end

Conteúdo Detalhado

1. O peso das imagens

   • O projeto está pronto. Está pronto mesmo?
   • O peso das imagens
   • Otimizações manuais
   • O problema dos processos manuais
   • Workflow e sua automação
   • Bem-vindo ao Gulp
   • O arquivo gulpfile.js e novas tarefas
   • Criando nossa primeira tarefa

2. Integridade do projeto

   • Processos destrutivos
   • Lindando com processos destrutivos
   • Automatizando a cópia de arquivos
   • Precisamos apagar antes de copiar
   • Tarefas e suas dependências

3. Lidando com latência e banda

   • O problema das múltiplas requisições
   • A técnica merge (concatenação)
   • Automatizando a concatenação/merge
   • O problema de grandes arquivos
   • A técnica de minificação

4. Atacando repetições invisíveis

   • Repetimos e repetimos sem percerbermos
   • O módulo BrowserSync
   • Livereloading
   • Gulp watch
   • Livereloading 1 para N

5. Antecipando erros do futuro

   • Lint e detecção de erros em JavaScript
   • Lint sob demanda
   • Onde está meu relatório de erros?
   • Um relatório ainda melhor
   • Nem o CSS escapa!

6. Combatendo o Prefix HELL

   • Propriedades prefixadas
   • Prefixar com repetição? Eis a questão!
   • Automatizar, prefixar e aproveitar!
   • Integrando com tarefas existentes
   • Suportando browser mais antigos

7. Usar pré-processador dá trabalho, será?

   • Código duplicado, problemas na manutenção
   • Código complicado, mais problemas ainda
   • Pré-processadores podem nos ajudar
   • Um pouquinho sobre LESS
   • Compilação manual
   • Automatizar é a solução, mais uma vez
   • Streams podem explodir!
   • Evitando a explosão