linguagil 2012: desenvolvendo aplicações ria com ext js 4 e touch 2
DESCRIPTION
palestra no Linguagil 2012 - Salvador BATRANSCRIPT
![Page 1: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/1.jpg)
DesenvolvendoAplicações RIA com Ext JS 4 e Touch 2
Loiane Gronerhttp://loiane.com@loiane
![Page 2: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/2.jpg)
Loiane Groner
•Sencha e Java Evangelist
•Livro!
•http://loiane.com
•@loiane
![Page 3: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/3.jpg)
www. sencha.com
![Page 4: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/4.jpg)
Ext JS 4
![Page 5: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/5.jpg)
Cross-Browser
![Page 6: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/6.jpg)
Cross-Browser
Roda até no IEca 6!
![Page 7: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/7.jpg)
Alguns Exemplos...
![Page 8: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/8.jpg)
Fácil Integração
![Page 9: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/9.jpg)
Faltou alguma coisa?
![Page 10: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/10.jpg)
Construindo aplicações ExtJS
![Page 11: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/11.jpg)
Como organizar um projeto JS?
![Page 12: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/12.jpg)
ExtJS 3
4k linhas de código
![Page 13: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/13.jpg)
Difícil de testar
Difícil de manter
Difícil de trabalhar em equipe
Difícil de entender
![Page 14: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/14.jpg)
Trabalho em Equipe
Pessoas diferentes == trabalho diferente
É preciso usar um padrão
![Page 15: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/15.jpg)
Código precisa ser organizado
Boas práticas precisam ser seguidas
Evitar confusão com versão de controle
![Page 16: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/16.jpg)
Model View Controller == MVC
![Page 17: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/17.jpg)
Model
Carrega e Gerencia dados da app
Dados dos requests da View
![Page 18: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/18.jpg)
View
Gerencia a visualização dos dados
Componentes UI
![Page 19: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/19.jpg)
Controller
Gerencia inputs do usuário
Atualiza o Model e View
![Page 20: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/20.jpg)
Model
![Page 21: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/21.jpg)
View
![Page 22: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/22.jpg)
View
![Page 23: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/23.jpg)
Controller
![Page 24: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/24.jpg)
Benefícios do MVC
Escalabilidade
Mantenabilidade
Flexibilidade
![Page 25: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/25.jpg)
Demo - ExtJS 4
![Page 26: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/26.jpg)
Mas “peraí...”
![Page 27: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/27.jpg)
http://blog.caelum.com.br/2012-e-o-ano-do-mercado-mobile-no-brasil/
![Page 28: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/28.jpg)
“Bora na onda mobile também!”
![Page 29: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/29.jpg)
Sencha Touch 2
![Page 30: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/30.jpg)
Primeiro framework Javascript para desenvolvimento de apps mobile ricas
usando padrões web
![Page 31: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/31.jpg)
![Page 32: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/32.jpg)
![Page 33: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/33.jpg)
Motivos
![Page 34: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/34.jpg)
![Page 35: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/35.jpg)
Vai aprender várias linguages e vai fazer uma aplicação para cada
dispositivo?
![Page 36: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/36.jpg)
Vai limitar?
![Page 37: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/37.jpg)
Alguns Exemplos...
![Page 38: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/38.jpg)
Voltando a nossa app...
![Page 39: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/39.jpg)
![Page 40: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/40.jpg)
![Page 41: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/41.jpg)
E look and feel?
![Page 42: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/42.jpg)
![Page 43: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/43.jpg)
E testes?
![Page 45: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/45.jpg)
Exemplos reais!
![Page 46: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/46.jpg)
Para saber mais...
Cursos Gratuitos e Online:
ExtJS 4 e Touch 2:
http://loiane.com
![Page 47: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/47.jpg)
Download do Código:
https://github.com/loiane/linguagil2012
![Page 48: Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2](https://reader033.vdocuments.net/reader033/viewer/2022052900/555e23c7d8b42a6a4c8b4d8f/html5/thumbnails/48.jpg)
Obrigada!