Aplicações RIA com
 Ext JS 4 e Touch 2
      Touch 2
       @loiane
Loiane Groner

•C p aa
   aixb!!!
•Poet aae @ C ibn
  rj Mngr
     c       it ak
•L r!
  ivo
www. sencha.com
Ext JS 4
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í...”
ht:/ l .ce m o .b/ 1- - - n - omraom be oba
 t /o al .cm r 02e aod - ecd - o iln - rs
  pbg u          2     o              -    il
“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!

DevInCachu 2012: Desenvolvendo Aplicacoes RIA com ExtJS 4 e Sencha Touch 2