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