A apresentação discute dicas e melhores práticas para o desenvolvimento front-end com Ext JS, incluindo implementar gradualmente, evitar overnesting, usar Ext.ComponentQuery ao invés de Ext.getCmp, reusar código, decidir sobre associações, debugar e testar o código, documentar e minificar código de produção.

1. Trilha UX/FrontEnd
Loiane Groner
http://loiane.com
@loiane
Ext JS 4:
Dicas e Melhores Práticas

2. Me, MySelf & I
•Gerente de Desenv Projetos @Citibank
•8+ XP TI
•Java JUG Leader
•Sencha Community Leader
•http://loiane.com
•@loiane.com

3. Momento Jabá
packpub.com ou amazon.com

5. 1
Defina os seus
próprios
componentes

10. 2
Inline Code
x
MVC

13. 3
Não edite o
código fonte

14. Não edite o
código fonte!!!!

15. Não edite
o código
fonte!!!!
Sério

17. 4
App Ext JS
é Ext JS e não
Ext JS +
alguma coisa

19. Não
Faça
Isso!

20. UI: Ext JS
J
S
O
N
Server
Rails, PHP, JSP, ASP.NET, ColdFusion, Perl, Phyton, etc

21. 5
Implemente
gradualmente

22. http://livereload.com/

23. 6
Evite
Overnesting

25. FormPanel
GridPanel
TabPanel

26. Container
x
Panel

27. 7
Ajax
Success x
Failure

28. https://github.com/loiane/masteringextjs

30. 8
Ext.getCmp
is evil!

31. Ext.getCmp
x
Ext.ComponentQuery
id x itemId

32. Procure o João

33. Procure o João que mora na
Rua Jardim São Luiz #4
Bairro Jardim Saúde
São Paulo - SP
CEP 05678-900
Brasil

34. 9
Reuso de
Código

38. 10
Associations
or not
associations?

40. 11
Debug is on
the table

42. http://www.illuminations-for-developers.com/

43. 12
Testes

44. http://www.bryntum.com/products/siesta/

45. 13
Documentação
é sua melhor
amiga!

46. 14
ExtJS
Mobile?

48. 15
Minifique
código de
produção

53. http://browserdiet.com/

54. Obrigada!
http://loiane.com
@loiane
http://slideshare.com/loianeg