Trilha UX/FrontEnd
Loiane Groner
http://loiane.com
@loiane
Ext JS 4:
Dicas e Melhores Práticas
Me, MySelf & I
•Gerente de Desenv Projetos @Citibank
•8+ XP TI
•Java JUG Leader
•Sencha Community Leader
•http://loiane.co...
Momento Jabá
packpub.com ou amazon.com
1
Defina os seus
próprios
componentes
2
Inline Code
x
MVC
3
Não edite o
código fonte
Não edite o
código fonte!!!!
Não edite
o código
fonte!!!!
Sério
4
App Ext JS
é Ext JS e não
Ext JS +
alguma coisa
Não
Faça
Isso!
UI: Ext JS
J
S
O
N
Server
Rails, PHP, JSP, ASP.NET, ColdFusion, Perl, Phyton, etc
5
Implemente
gradualmente
http://livereload.com/
6
Evite
Overnesting
FormPanel
GridPanel
TabPanel
Container
x
Panel
7
Ajax
Success x
Failure
https://github.com/loiane/masteringextjs
8
Ext.getCmp
is evil!
Ext.getCmp
x
Ext.ComponentQuery
id x itemId
Procure o João
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
9
Reuso de
Código
10
Associations
or not
associations?
11
Debug is on
the table
http://www.illuminations-for-developers.com/
12
Testes
http://www.bryntum.com/products/siesta/
13
Documentação
é sua melhor
amiga!
14
ExtJS
Mobile?
15
Minifique
código de
produção
http://browserdiet.com/
Obrigada!
http://loiane.com
@loiane
http://slideshare.com/loianeg
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
Upcoming SlideShare
Loading in …5
×

TDC2013: ExtJS 4: Dicas e Melhores Practicas

1,261 views

Published on

Palestra apresentada no TDC2013 no dia 14 de julho de 2013 no TDC 2013 SP trilha UX/FrontEnd

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,261
On SlideShare
0
From Embeds
0
Number of Embeds
549
Actions
Shares
0
Downloads
27
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

TDC2013: ExtJS 4: Dicas e Melhores Practicas

  1. 1. Trilha UX/FrontEnd Loiane Groner http://loiane.com @loiane Ext JS 4: Dicas e Melhores Práticas
  2. 2. Me, MySelf & I •Gerente de Desenv Projetos @Citibank •8+ XP TI •Java JUG Leader •Sencha Community Leader •http://loiane.com •@loiane.com
  3. 3. Momento Jabá packpub.com ou amazon.com
  4. 4. 1 Defina os seus próprios componentes
  5. 5. 2 Inline Code x MVC
  6. 6. 3 Não edite o código fonte
  7. 7. Não edite o código fonte!!!!
  8. 8. Não edite o código fonte!!!! Sério
  9. 9. 4 App Ext JS é Ext JS e não Ext JS + alguma coisa
  10. 10. Não Faça Isso!
  11. 11. UI: Ext JS J S O N Server Rails, PHP, JSP, ASP.NET, ColdFusion, Perl, Phyton, etc
  12. 12. 5 Implemente gradualmente
  13. 13. http://livereload.com/
  14. 14. 6 Evite Overnesting
  15. 15. FormPanel GridPanel TabPanel
  16. 16. Container x Panel
  17. 17. 7 Ajax Success x Failure
  18. 18. https://github.com/loiane/masteringextjs
  19. 19. 8 Ext.getCmp is evil!
  20. 20. Ext.getCmp x Ext.ComponentQuery id x itemId
  21. 21. Procure o João
  22. 22. 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
  23. 23. 9 Reuso de Código
  24. 24. 10 Associations or not associations?
  25. 25. 11 Debug is on the table
  26. 26. http://www.illuminations-for-developers.com/
  27. 27. 12 Testes
  28. 28. http://www.bryntum.com/products/siesta/
  29. 29. 13 Documentação é sua melhor amiga!
  30. 30. 14 ExtJS Mobile?
  31. 31. 15 Minifique código de produção
  32. 32. http://browserdiet.com/
  33. 33. Obrigada! http://loiane.com @loiane http://slideshare.com/loianeg

×