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!

Devcast Brasil: ExtJS 4 e Sencha Touch 2