Devcast apresentado no dia 05/jun sobre ExtJS 4 e Sencha Touch 2

1. ExtJS 4 com Sencha
Touch 2

2. Loiane Groner
•Project Manager @ Citibank
•Evangelista Sencha e Java
•Autora! ;)

3. www. sencha.com

4. Ext JS 4

5. Cross-Browser

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

7. Muito
esforço e
CSS!

8. Pouco
esforço!
==
beleza
natural

9. Muito
esforço e
CSS!

10. Pouco
esforço!
==
beleza
natural

11. Alguns Exemplos...

12. Fácil
Integração

13. Faltou alguma coisa?

14. Construindo
aplicações ExtJS

15. Como organizar um
projeto JS?

16. ExtJS 3
4k linhas
de código

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

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

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

20. Model View Controller == MVC

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

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

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

24. Model

25. View

26. View

27. Controller

28. Benefícios do MVC
Escalabilidade
Mantenabilidade
Flexibilidade

29. Demo - ExtJS 4

30. Mas “peraí...”

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

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

33. Sencha Touch 2

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

37. Motivos

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

40. Vai limitar?

41. Alguns Exemplos...

42. Voltando a nossa app...

45. E look and feel?

47. E testes?

48. Siesta!

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

50. Download do Código:
https://github.com/loiane/devincachu2012

51. Obrigada!