palestra no Linguagil 2012 - Salvador BA

1. Desenvolvendo
Aplicações RIA com
Ext JS 4 e Touch 2
Loiane Groner
http://loiane.com
@loiane

2. Loiane Groner
•Sencha e Java Evangelist
•Livro!
•http://loiane.com
•@loiane

3. www. sencha.com

4. Ext JS 4

5. Cross-Browser

6. Cross-Browser
Roda até no IEca 6!

7. Alguns Exemplos...

8. Fácil
Integração

9. Faltou alguma coisa?

10. Construindo
aplicações ExtJS

11. Como organizar um
projeto JS?

12. ExtJS 3
4k linhas
de código

13. Difícil de testar
Difícil de manter
Difícil de trabalhar em equipe
Difícil de entender

14. Trabalho em Equipe
Pessoas diferentes == trabalho
diferente
É preciso usar um padrão

15. Código precisa ser organizado
Boas práticas precisam ser seguidas
Evitar confusão com versão de
controle

16. Model View Controller == MVC

17. Model
Carrega e Gerencia dados da app
Dados dos requests da View

18. View
Gerencia a visualização dos dados
Componentes UI

19. Controller
Gerencia inputs do usuário
Atualiza o Model e View

20. Model

21. View

22. View

23. Controller

24. Benefícios do MVC
Escalabilidade
Mantenabilidade
Flexibilidade

25. Demo - ExtJS 4

26. Mas “peraí...”

27. http://blog.caelum.com.br/2012-e-o-ano-do-mercado-mobile-no-brasil/

28. “Bora na onda mobile também!”

29. Sencha Touch 2

30. Primeiro framework Javascript para
desenvolvimento de apps mobile ricas
usando padrões web

33. Motivos

35. Vai aprender várias linguages e vai
fazer uma aplicação para cada
dispositivo?

36. Vai limitar?

37. Alguns Exemplos...

38. Voltando a nossa app...

41. E look and feel?

43. E testes?

44. Siesta!
http://www.bryntum.com/

45. Exemplos reais!

46. Para saber mais...
Cursos Gratuitos e Online:
ExtJS 4 e Touch 2:
http://loiane.com

47. Download do Código:
https://github.com/loiane/linguagil2012

48. Obrigada!