O que acha de utilizar técnicas de scaffolding para suas aplicações? Gerando funcionalidades, entidades e com isso melhorando a produtividade do seu projeto? O Yeoman é um ecossistema de geração de código implementado em cima do Node.js. Veja como é possível utilizar o Yo! para geração de código e melhoria de produtividade em sua arquitetura e os benefícios que você terá!

1. Yo! Geradores
modernos com
Yeoman

2. ● Arq. Sistemas na CI&T ~8 anos
● JAVA, C#, JS, PHP, Perl, Python (...)
● Músico, Yogui e Geek
github: sidharta
instagram: sidharta
linkedin: sidhartanoleto
fb: sidhartanoleto
twitter: @sidhartanoleto
@bio
Sidharta Noleto

3. #dicaDoSid
fique atento às #dicasDoSid!

4. Como ser
produtivo?

5. vs

6. Hulk:
● Força bruta!
● Mais código
● Muito rápido
● Difícil de achar
● ou se tornar
○ (ninguém quer ser verde)

7. Iron Man:
● Ferramentas!
● Menos código
● Atalhos, IDEs
● Fácil de disseminar
○ (todo mundo quer ser milionário)

8. Qual é melhor?

9. Esse é o GP!
Esse é o Sid!

10. 57
armaduras diferentes do Iron Man
https://en.wikipedia.org/wiki/Iron_Man%27s_armor

11. Hulkbuster
Armor
As its name suggests, it was
specifically designed for hand-to-
hand combat with the rampaging
Hulk. [...] During its maiden run, the
armor enabled Stark to hold his own
in sustained physical combat with
the Hulk.

13. #dicaDoSid
utilize ferramentas para
transformar sua produtividade!

14. Ferramentas de Produtividade
● Frameworks, Bibliotecas …
● Snippets, shortcuts, scripts …
● IDEs, live reload, hot deploy …
● Geradores de Código

15. investimento

16. Scaffolding
é um termo [...] de engenharia civil,
que denota a colocação de
andaimes e outras estruturas para
suportar temporariamente
trabalhadores e/ou maquinário
enquanto a construção definitiva
não está pronta [...].

17. Scaffolding
● Grails (Groovy)
● Rails (Ruby)
● Spring Roo (Java)
● Cake (PHP)

19. Novo paradigma...

20. … vem com muitas outras ferramentas!

21. YO!

23. ● Lançado no Google I/O'12
● Google Chrome Dev. Team
● Comunidade ativa
● yeoman.io
● github.com/yeoman

24. ● CLI em Node.js
● Interface interativa
● Baseado em templates
● Modular
● Ecossistema:
○ Scaffolding Tool (yo)
○ Build Tool (grunt/gulp)
○ Package Manager (Bower)

25. ● Inicia um projeto em seg.
● Inicia partes do projeto
● Define práticas e padrões
● Foca no desenvolvimento
● Extremamente fácil:
○ usar
○ extender

26. 3288
geradores registrados, sendo que 21 são oficiais

27. ● generator-angular
● generator-polymer
● generator-webapp
● generator-bootstrap
● generator-mobile
Geradores - Oficiais...

28. Geradores - Comunidade...
● Javascript: Express, Mean, React, Meteor
● Mobile: Android, IOS, Ionic, Cordova, Titanium,
● Java: Jhipster, Spring, JAX-RS
● PHP: Symphony, Cake, Laravel, Composer
● Wearables: Pebble
● (...)

29. ● http://yeoman.io/learning
● Dependências:
○ Node.js v0.10.x+
○ npm v2.1.0+
○ git
Como instala?
$ npm install -g yo bower grunt-cli gulp

30. Como procura geradores?
● http://yeoman.io/generators/
● Ou pela linha de comando yo
$ yo

31. #dicaDoSid
utilize o --help quando tiver
dúvida, ele realmente ajuda!

32. Talk is cheap.
Show me the code.
- Linus Torvalds

33. Exemplo 1: webapp
● Instale o gerador:
○ https://github.com/yeoman/generator-webapp
$ npm install --global generator-webapp

34. Exemplo 1: webapp (cont.)
● Execute o gerador:
● ou apenas pelo yo:
$ yo webapp
$ yo

35. Exemplo 1: webapp (cont.)
● O que foi gerado?
○ Tela index, links
○ Tasks grunt:
■ wiredep, concat, uglify, revision, minification (css, js, html)

36. Exemplo 2: angular
● Instale o gerador:
○ https://github.com/yeoman/generator-angular
$ npm install --global generator-angular

37. Exemplo 2: angular (cont.)
● Execute o gerador:
● Execute um sub-gerador:
$ yo angular
$ yo angular:route <nome_da_rota>

38. #dicaDoSid
use subgeradores para
incrementar os projetos
(mesmo em andamento)!

39. Criando um gerador
● Para aparecer na lista do site basta:
○ Ser público no github
○ Ter um keyword: yeoman-generator
○ Ter um arquivo: package.json
● http://yeoman.io/authoring

40. Criando um gerador (cont.)
● Instale o gerador de gerador:
○ https://github.com/yeoman/generator-generator
● Estende yeoman-generator
● Totalmente customizável: menus, textos, readme, help (...)

41. Exemplo 3: angular-custom
● Forma mais fácil é clonar um existente :)
● Ex.: Adicionar funcionalidade ao gerador angular:
○ Novo: generator-angular-custom
○ Ao acionar o angular:route, adicionar ao menu automaticamente
● Passos:
○ clone, ajustes, npm link, yo (...)

42. Exemplo 4: jhipster
● Instale o gerador:
○ https://github.com/jhipster/generator-jhipster
$ npm install --global generator-jhipster

43. #dicaDoSid
personalize a ferramenta para
adequar ao seu cenário!

45. Cases geradores
● Geradores baseados em APT + Freemarker
○ Projeto java, jsf, spring
○ ~20 funcionalidades geradas (de 200)
○ entre 27 - 80% de ganho de produtividade
● Geradores com yeoman
○ angular, java, .NET
○ gerou um novo projeto na comunidade! jediproject
○ http://jediproject.github.io/

46. #dicaDoSid
contribua com a comunidade!

47. https://goo.gl/MnmmFd

48. Perguntas?

49. Obrigado! http://ciandt.com
snoleto@ciandt.com