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!