Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

• 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 Vantagens Monday, July 15, 13

Slide 12

Slide 12 text

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