Palestra apresentada na Trilha FrontEnd no TDC

1. Turbinando seu ambiente
de desenvolvimento com
Dan Jesus
http://danjesus.github.io
Monday, July 15, 13

2. Yeoman conecta as mais
mordernas ferramentas
de desenvolvimento
front-end, fornecendo
um bootstrap simples.
Monday, July 15, 13

3. Componentes
Scaffold
Monday, July 15, 13
Preview e teste
Gerenciador de
Dependências

4. Instalação
Windows - http://chocolatey.org/
Linux
]
Mac
Monday, July 15, 13
npm install -g yo grunt-cli bower

5. Versão 1.0 RC
Nesta ultima versão o yeoman realiza apenas as
tarefas de scaffold da aplicação.
Monday, July 15, 13

6. Generators
Os generators são a base do yeoman, já existem
diversos criados no repositório do npm, para
listar os existentes rodar:
npm search yeoman-generator
Alguns generators
Firefox-OS, Sails, Silex, Slim,
Flask, Angular, Backbone
Monday, July 15, 13

7. Criando um Generator
Instalar o pacote:
npm install -g generator-generator
Criar uma diretorio com o prefixo generator
mkdir generator-tdc2013 && cd $_
Dentro do diretório rodar o comando
yo generator tdc2013
Monday, July 15, 13

8. SCAFFOLD
yo “nome do
generator”
ex - yo
webapp
Monday, July 15, 13

9. Iniciando o servidor
grunt server
Servidor rodando
na porta 9000
Monday, July 15, 13

10. Colocando em produção
grunt build
Após rodar o build
será criada uma pasta
dist com todos os
arquivos da sua app
Monday, July 15, 13

11. Vantagens
•
•
•
•
•
•
•
Monday, July 15, 13
Fluxo de trabalho bem definido
Facilidade de gerenciamento de bibliotecas externas
Tarefas automatizadas
Build automatizado
Servidor embutido
Otimizacão de imagens, css e js
Livereload

12. Obrigado!
http://yeoman.io/
Dan Jesus
http://danjesus.github.io
Monday, July 15, 13