turbinando seu workflow para o desenvolvimento de webapps
DESCRIPTION
A área de desenvolvimento front-end é cheia de grandes desafios, sejam eles voltados para mobile, web ou desktop. Sendo assim quais frameworks, ferramentas e bibliotecas são relevantes? e quanto a performance? Venha conhecer dicas de como encarar seu dia-a-dia, amando seu workflow.TRANSCRIPT
![Page 1: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/1.jpg)
TURBINANDO SEU WORKFLOW PARA O DESENVOLVIMENTO DE WEBAPPSpor davidson fellipewww.fellipe.com
http://blog.stalker.com.br/wp-content/uploads//2013/04/tools.jpg
![Page 2: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/2.jpg)
I’mDAVIDSON FELLIPE
![Page 3: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/3.jpg)
WORKS
![Page 4: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/4.jpg)
![Page 5: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/5.jpg)
ESCOLHAS...http://pher.ch/photos/landscapes/newzealand/Many%20Ways%20to%20Reach%20Rome%20from%20Cape%20Reinga.jpg
![Page 6: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/6.jpg)
ERA UMA VEZ...
![Page 7: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/7.jpg)
http://www.oldversion.com/windows/macromedia-dreamweaver/
E AINDA...
![Page 8: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/8.jpg)
LAYOUT USANDO TABLE?
![Page 9: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/9.jpg)
ENQUANTO ISSO EM 2000...
![Page 10: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/10.jpg)
HTMLCSS
2006...
![Page 11: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/11.jpg)
precisa saber
JAVASCRIPT?
2006...
![Page 12: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/12.jpg)
ATUALMENTE...
![Page 13: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/13.jpg)
+ poderosas+ complexas+ ambiciosas
2013...
![Page 14: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/14.jpg)
www.igvita.com/slides/2012/devtools-tips-and-tricks/
CICLO DE VIDA DE UMA WEBPAGE
![Page 15: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/15.jpg)
ATUALMENTE...
http://httparchive.org/trends.php
![Page 16: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/16.jpg)
ATUALMENTE...
http://httparchive.org/trends.php
![Page 17: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/17.jpg)
XBROWSERXDEVICEXPLATFORM
![Page 18: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/18.jpg)
XBROWSERXDEVICEXPLATFORM
![Page 19: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/19.jpg)
http://ondeviceresearch.com/
USUÁRIOS APENAS MOBILE
![Page 20: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/20.jpg)
Who Killed My Battery: Analyzing Mobile Browser Energy Consumption
CONSUMO ENERGIADOS COMPONENTES
outros - incluem conexões 3G e text rendering
css e js - maior consumo relacionado a transmissão e rendering
![Page 21: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/21.jpg)
websites precisam ter exatamente o mesmo visual em todos os browsers?
![Page 22: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/22.jpg)
![Page 23: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/23.jpg)
COMO MELHORARMEU WORKFLOW
DIANTE DESSES DESAFIOS?
![Page 24: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/24.jpg)
TECNOLOGIAS
![Page 25: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/25.jpg)
MULTITASKING...
@flavioribeiro na globo.com
![Page 26: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/26.jpg)
SEMÂNTICA
FERRAMENTAS FRAMEWORKS
LIBRARIES
PRÉPROCESSADORES
SEO
TESTES
PADRÕESWEB
![Page 27: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/27.jpg)
SEMÂNTICA
FERRAMENTAS FRAMEWORKS
LIBRARIES
PRÉPROCESSADORES
SEO
TESTES
PADRÕESWEB
![Page 28: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/28.jpg)
https://twitter.com/slicknet/status/292103833327370240
![Page 29: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/29.jpg)
EDITORES
![Page 32: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/32.jpg)
SUBLIME
http://www.sublimetext.com/
NÃO É OPEN SOUCENEM FREE
![Page 34: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/34.jpg)
DOTFILES
![Page 35: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/35.jpg)
DOTFILES.GITHUB.IO
http://dotfiles.github.io/
backup
compartilhe
aprenda
![Page 36: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/36.jpg)
automatize suasconfigurações
https://github.com/davidsonfellipe/dotfiles
![Page 37: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/37.jpg)
CONTROLEDE
VERSÃO
![Page 38: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/38.jpg)
gittrabalhar com repositóriosentender branchespull requestcode review
CONTROLE DE VERSÃO
![Page 41: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/41.jpg)
BITBUCKET VS GITHUB
repos privados ilimitados
preço baseado no número de colaboradores
número de colaboradores ilimitado
preço baseado no número de repositórios privados
![Page 42: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/42.jpg)
TASK RUNNER
![Page 44: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/44.jpg)
O QUE É O GRUNT?
É um task runner baseado em linha de comando
para projetos javascript
![Page 45: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/45.jpg)
O QUE É O GRUNT?
Testes
JS linting
Concatenando e Minificando
Otimizando imagens
Watches para Pré-processadores
![Page 46: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/46.jpg)
Por que usar o GRUNT?
Facil de usar
Grande número de plugins
Imensa comunidade
Open source
![Page 47: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/47.jpg)
Instalados e gerenciados via NPM (node.js)
Adiciona grunt command no system path
INICIANDO COM GRUNT
$ npm install -g grunt-cli
![Page 48: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/48.jpg)
package.json
{
"name": "project-name",
"version": "0.1.0",
"description": "Project description"
}
![Page 49: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/49.jpg)
gruntfile.js
module.exports = function( grunt ) {
grunt.initConfig({
// configuracoes
});
//plugins
grunt.loadNpmTasks( 'plugin-name' );
//tarefas
grunt.registerTask( 'default', [ 'watch' ] );
};
![Page 50: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/50.jpg)
INSTALANDO GRUNT
$ npm install grunt --save-dev
Instala a ultima versão no seu folder
Adiciona ao package.json
![Page 51: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/51.jpg)
ANT
http://mechanics.flite.com/blog/2012/06/19/why-we-use-node-dot-js-and-grunt-to-build-javascript/
![Page 52: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/52.jpg)
RAKE
http://mechanics.flite.com/blog/2012/06/19/why-we-use-node-dot-js-and-grunt-to-build-javascript/
![Page 53: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/53.jpg)
GRUNT
http://mechanics.flite.com/blog/2012/06/19/why-we-use-node-dot-js-and-grunt-to-build-javascript/
![Page 54: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/54.jpg)
PRÉ-PROCESSADORES
![Page 55: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/55.jpg)
![Page 56: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/56.jpg)
![Page 57: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/57.jpg)
![Page 58: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/58.jpg)
![Page 59: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/59.jpg)
![Page 60: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/60.jpg)
![Page 61: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/61.jpg)
![Page 62: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/62.jpg)
http://usablica.github.io/front-end-frameworks/compare.html
![Page 63: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/63.jpg)
QUALIDADEDE
CÓDIGO
![Page 66: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/66.jpg)
TESTES
![Page 67: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/67.jpg)
![Page 68: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/68.jpg)
![Page 69: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/69.jpg)
PERFORMANCE
![Page 70: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/70.jpg)
http://www.akamai.com/stateoftheinternet/
![Page 71: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/71.jpg)
http://www.akamai.com/stateoftheinternet/
SÓ QUE NÃO!!!!!
![Page 72: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/72.jpg)
performance de frontend?
http://www.stevesouders.com/blog/2012/02/10/the-performance-golden-rule/
![Page 73: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/73.jpg)
PRINCIPAIS CUIDADOS
● Minificar CSS, JavaScript e HTML
● Inline images, CSS, e JavaScript
● Cache de assets
● Defer JavaScript
● Concatenar CSS e JavaScript
● Compressão de imagens & resizing
![Page 74: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/74.jpg)
YSLOW
http://developer.yahoo.com/yslow/
![Page 75: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/75.jpg)
YSLOW, MANTENEDOR?
https://twitter.com/marcelduran
brasileiro
@marcelduran
![Page 76: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/76.jpg)
PAGE SPEED
https://developers.google.com/speed/pagespeed/insights
![Page 77: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/77.jpg)
+PERFORMANCE?
http://browserdiet.com/pt
![Page 78: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/78.jpg)
TEM ATÉ EM CHINÊS...
http://browserdiet.com/zh
![Page 81: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/81.jpg)
WEBPAGETEST
![Page 82: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/82.jpg)
WEBPAGETEST
![Page 83: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/83.jpg)
WEBPAGETEST
![Page 84: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/84.jpg)
MAIS TOOLS
![Page 85: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/85.jpg)
GRADIENTES?
http://www.colorzilla.com/gradient-editor/
![Page 86: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/86.jpg)
GITIFIER
http://psionides.github.io/Gitifier/
![Page 89: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/89.jpg)
BUSQUESEU
WORKFLOW
![Page 90: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/90.jpg)
MAS...
![Page 91: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/91.jpg)
NUNCA EXISTIRÁWORKFLOW
DEFINITIVO!!!
![Page 92: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/92.jpg)
LEMBRE-SEDAS
6 SEMANAS...
![Page 93: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/93.jpg)
MAS O QUE ESTÁ VINDO
POR AÍ?
![Page 94: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/94.jpg)
SPDY
http://mechanics.flite.com/blog/2012/06/19/why-we-use-node-dot-js-and-grunt-to-build-javascript/
![Page 95: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/95.jpg)
WEB COMPONENTS
http://www.w3.org/TR/2013/WD-components-intro-20130606/
![Page 96: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/96.jpg)
POLYMER
http://www.polymer-project.org/
![Page 97: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/97.jpg)
SHOWYOURCODE
![Page 98: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/98.jpg)
CONTRIBUAEM
PROJETOSOPENSOURCE
![Page 99: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/99.jpg)
CONTRIBUA
http://braziljs.org/projetos/
http://contribute.jquery.org/
http://gruntjs.com/contributing
![Page 100: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/100.jpg)
COMO SE MANTER ATUALIZADO?
![Page 101: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/101.jpg)
https://twitter.com/slicknet/status/292103833327370240
![Page 102: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/102.jpg)
6 SEMANAS?
![Page 106: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/106.jpg)
AH...É MUITA COISA
PARA ESTUDAR...
![Page 107: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/107.jpg)
![Page 108: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/108.jpg)
O SUCESSO DE SUA APP NÃO DEPENDE APENAS
DE SEU WORKFLOW
![Page 109: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/109.jpg)
ELE APENASVAI TE DEIXAMAIS FELIZ
![Page 110: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/110.jpg)
www.fellipe.com/talks
slides disponíveis em...
![Page 111: Turbinando seu workflow para o desenvolvimento de webapps](https://reader033.vdocuments.mx/reader033/viewer/2022052522/554f649cb4c9058a148b4a28/html5/thumbnails/111.jpg)
OBRIGADOgithub.com/davidsonfellipe
twitter.com/davidsonfellipe
facebook.com/fellipe
fellipe.com