ember-cli - A ambiciosidade migrando para o workflow

Palestra apresentada no FrontInSM (Santa Maria) em junho de 2015

Transcript

1. ember%cli A"AMBICIOSIDADE!migrando!das! aplicações!web!PARA"O"WORKFLOW @vimoding
2. Vinícius(Almeida Consultor/programador/na @vimoding
3. Qual%a%quan%dade(de(rumos% que%a%uma%aplicação%pode% tomar%para(chegar(ao( produto(final? @vimoding
4. @vimoding
5. 360 combinações,possíveis1 1"Seguindo"a"formula"descrita"em:"h5p:/ /bit.ly/1QN16fu @vimoding
6. @vimoding
7. todomvc.com 68#abordagens para$o$mesmo$problema @vimoding
8. 68#x# @vimoding
9. Cuidado'pra'não'se'tornar' um'rei$do$bikeshedding3 3"Bikeshedding:"technical"disputes"over"minor,"marginal"issues"conducted"while"more"serious" ones"are"being"overlooked." @vimoding
10. OMG Mas$então$por$onde$eu$ começo? @vimoding
11. Setup&básico • Framework • Template.engine • Asset.pipeline.(ou.equivalente) • Suite.de.testes E"isso"tudo"de"preferência"a"um"comando"de" distância @vimoding
12. Convenções:!conjunto!de! acordos,!padrões!es0pulados! ou!geralmente!aceitos @vimoding
13. Para$manter!o!impulso!e!o$ entusiasmo$em$alta,! destaque!as!pequenas! vitórias!pelo!caminho —"Jason"Fried/David"Heinemeier"Hansson @vimoding
14. Em#resumo:#Conven-ons FOR$THE$WIN!! @vimoding
15. @vimoding
16. $ ember new my-new-app @vimoding
17. Modularização,de,código,JS Módulos(do(ES6((powered(by( ) (Código(facilmente(testável(✌) @vimoding
18. Crescimento+da+base+de+ código+sem+dor+de+cabeça ! @vimoding
19. E"ainda"temos"os"generators" reforçando"esse"aspecto $ ember generate controller foobar # OUTPUT version: 0.2.7 create app/controllers/foobar.js create tests/unit/controllers/foobar-test.js @vimoding
20. Ambientes)isolados Nossa%app%rodando%onde%for config/environment.js!"!❤ @vimoding
21. E"os"testes? Temos&pra&todos&os&gostos • QUnit'para'testes... • ...unitários • ...de'aceitação • No'ambiente'que'for'necessário • browser • linha'de'comando'(para'integração'con?nua) @vimoding
22. HTTP$stubs Afinal,'nossos'ambientes'precisam' ser'auto'suficientes ember generate http-mock foobar!"!! @vimoding
23. Addons @vimoding
24. O"que"vem"pela"frente? @vimoding
25. !!Engines!! Addons&com&fragmentos&de& aplicações&facilmente&plugáveis&no& nosso&código @vimoding
26. Parece&um&bom&ponto&inicial&pras& nossas&aplicações @vimoding
27. Comece&rápido&e&descubra&rápido&o& que&você&realmente&precisa&resolver Obrigado! • speackerdeck.com/viniciusalmeida • twi5er.com/vimoding • viniciusalmeida.github.io @vimoding