Trilha UX/FrontEnd

Loiane Gronerhttp://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.com

•@loiane.com

Momento Jabá

packpub.com ou amazon.com

1

Defina os seus próprios

componentes

2

Inline Codex

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ãoFaçaIsso!

UI: Ext JSJSON

ServerRails, PHP, JSP, ASP.NET, ColdFusion, Perl, Phyton, etc

5

Implemente gradualmente

http://livereload.com/

6

Evite Overnesting

FormPanelGridPanelTabPanel

Containerx

Panel

7

AjaxSuccess x

Failure

https://github.com/loiane/masteringextjs

8

Ext.getCmpis evil!

Ext.getCmpx

Ext.ComponentQuery

id x itemId

Procure o João

Procure o João que mora naRua Jardim São Luiz #4

Bairro Jardim SaúdeSão Paulo - SPCEP 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

ExtJSMobile?

15

Minifiquecódigo de produção

http://browserdiet.com/

16

Extra:App Desktop

Sencha Desktop Packager

http://www.sencha.com/products/desktop-packager/

Titanium Desktop

http://www.tidesdk.org/

Obrigada!

http://loiane.com@loiane

http://slideshare.com/loianeg