ExtJS 4 com Sencha Touch 2
Loiane Groner
•Project Manager @ Citibank
•Evangelista Sencha e Java
•Autora! ;)
www. sencha.com
Ext JS 4
Cross-Browser
Cross-Browser
Roda até no IEca 6!
Muito esforço e
CSS!
Pouco esforço!
==beleza natural
Muito esforço e
CSS!
Pouco esforço!
==beleza natural
Alguns Exemplos...
Fácil Integração
Faltou alguma coisa?
Construindo aplicações ExtJS
Como organizar um projeto JS?
ExtJS 3
4k linhas de código
Difícil de testar
Difícil de manter
Difícil de trabalhar em equipe
Difícil de entender
Trabalho em Equipe
Pessoas diferentes == trabalho diferente
É preciso usar um padrão
Código precisa ser organizado
Boas práticas precisam ser seguidas
Evitar confusão com versão de controle
Model View Controller == MVC
Model
Carrega e Gerencia dados da app
Dados dos requests da View
View
Gerencia a visualização dos dados
Componentes UI
Controller
Gerencia inputs do usuário
Atualiza o Model e View
Model
View
View
Controller
Benefícios do MVC
Escalabilidade
Mantenabilidade
Flexibilidade
Demo - ExtJS 4
Mas “peraí...”
http://blog.caelum.com.br/2012-e-o-ano-do-mercado-mobile-no-brasil/
“Bora na onda mobile também!”
Sencha Touch 2
Primeiro framework Javascript para desenvolvimento de apps mobile ricas
usando padrões web
Motivos
Vai aprender várias linguages e vai fazer uma aplicação para cada
dispositivo?
Vai limitar?
Alguns Exemplos...
Voltando a nossa app...
E look and feel?
E testes?
Siesta!
Para saber mais...
Cursos Gratuitos e Online:
ExtJS 4 e Touch 2:
http://loiane.com
Download do Código:
https://github.com/loiane/devincachu2012
Obrigada!
Top Related