SlideShare une entreprise Scribd logo
1  sur  34
Télécharger pour lire hors ligne
Webinar:
Ext JS 4
  Loiane Groner
     @loiane
http://loiane.com
http://sencha.com
Cross Browser
         Funciona até
          no IEca 6!




         Não precisa
              ficar
         esquentando
           a cabeça!
Fácil
Integração
Pode integrar código!




E outros....
Componentes UI
Mais...
Carregamento Dinâmico

Customização de Temas

API Compartilhada com
Sencha Touch 2
E ainda...
MVC
Model
View
View
Controller
Chega de
 bagunça em
aplicações JS!
Estrutura dos Arquivos
Para saber mais:


                   http://amzn.com/
                   1849516669


                   http://
                   www.packtpub.com/
                   ext-js-4-first-look/
                   book
contato = {
  email: ‘contato@loiane.com’,
  blogPtBr: ‘loiane.com’,
  blogIngles: ‘loianegroner.com’,
  twitter: ‘@loiane’,
  github: ‘loiane’
}

           Obrigada!
http://www.schoolofnet.com/

Contenu connexe

En vedette

Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2
Linguagil 2012: Desenvolvendo Aplicações RIA com  Ext JS 4 e Touch 2Linguagil 2012: Desenvolvendo Aplicações RIA com  Ext JS 4 e Touch 2
Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2Loiane Groner
 
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores PracticasTDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores PracticasLoiane Groner
 
Aprimorando sua Aplicação com Ext JS 4 - BrazilJS
Aprimorando sua Aplicação com Ext JS 4 - BrazilJSAprimorando sua Aplicação com Ext JS 4 - BrazilJS
Aprimorando sua Aplicação com Ext JS 4 - BrazilJSLoiane Groner
 
Cafe com Tom - ExtJS 4
Cafe com Tom - ExtJS 4Cafe com Tom - ExtJS 4
Cafe com Tom - ExtJS 4Loiane Groner
 
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridasFrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridasLoiane Groner
 
FrontInFloripa 2013: Sencha Touch 2 e Phonegap
FrontInFloripa 2013: Sencha Touch 2 e PhonegapFrontInFloripa 2013: Sencha Touch 2 e Phonegap
FrontInFloripa 2013: Sencha Touch 2 e PhonegapLoiane Groner
 
WebBr 2013: Apps Mobile Multiplataforma e OpenSource com Sencha Touch e Phon...
WebBr 2013: Apps Mobile Multiplataforma e OpenSource com  Sencha Touch e Phon...WebBr 2013: Apps Mobile Multiplataforma e OpenSource com  Sencha Touch e Phon...
WebBr 2013: Apps Mobile Multiplataforma e OpenSource com Sencha Touch e Phon...Loiane Groner
 
Conexao Java 2012: Desenvolvendo RIA com Java e Ext GWT (GXT)
Conexao Java 2012: Desenvolvendo RIA com Java e Ext GWT (GXT) Conexao Java 2012: Desenvolvendo RIA com Java e Ext GWT (GXT)
Conexao Java 2012: Desenvolvendo RIA com Java e Ext GWT (GXT) Loiane Groner
 
QConSP 2012: CSS3 com Sass e Compass
QConSP 2012: CSS3 com Sass e CompassQConSP 2012: CSS3 com Sass e Compass
QConSP 2012: CSS3 com Sass e CompassLoiane Groner
 
Justjava 2012: REST Com Jax-RS e ExtJS 4
Justjava 2012: REST Com Jax-RS e ExtJS 4Justjava 2012: REST Com Jax-RS e ExtJS 4
Justjava 2012: REST Com Jax-RS e ExtJS 4Loiane Groner
 
Sencha Touch e PhoneGap: SouJava - IBM Maio 2013
Sencha Touch e PhoneGap: SouJava - IBM Maio 2013Sencha Touch e PhoneGap: SouJava - IBM Maio 2013
Sencha Touch e PhoneGap: SouJava - IBM Maio 2013Loiane Groner
 
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3Loiane Groner
 
Ext JS 4 em 5 Minutos - QCONSP 2011
Ext JS 4 em 5 Minutos - QCONSP 2011Ext JS 4 em 5 Minutos - QCONSP 2011
Ext JS 4 em 5 Minutos - QCONSP 2011Loiane Groner
 
DevInCachu 2012: Desenvolvendo Aplicacoes RIA com ExtJS 4 e Sencha Touch 2
DevInCachu 2012: Desenvolvendo Aplicacoes RIA com ExtJS 4 e Sencha Touch 2DevInCachu 2012: Desenvolvendo Aplicacoes RIA com ExtJS 4 e Sencha Touch 2
DevInCachu 2012: Desenvolvendo Aplicacoes RIA com ExtJS 4 e Sencha Touch 2Loiane Groner
 
QConSP 2012: Sencha Touch 2: Mobile Multiplataforma
QConSP 2012: Sencha Touch 2: Mobile MultiplataformaQConSP 2012: Sencha Touch 2: Mobile Multiplataforma
QConSP 2012: Sencha Touch 2: Mobile MultiplataformaLoiane Groner
 
Ajax de primeira com ExtJS + JSON no seu projeto Spring
Ajax de primeira com ExtJS + JSON no seu projeto SpringAjax de primeira com ExtJS + JSON no seu projeto Spring
Ajax de primeira com ExtJS + JSON no seu projeto SpringLoiane Groner
 
JavaOne Brazil 2011: Jax-RS e Ext JS 4
JavaOne Brazil 2011: Jax-RS e Ext JS 4JavaOne Brazil 2011: Jax-RS e Ext JS 4
JavaOne Brazil 2011: Jax-RS e Ext JS 4Loiane Groner
 
DevInCachu 2012 LT: Ext Gwt 3: GXT 3
DevInCachu 2012 LT: Ext Gwt 3: GXT 3DevInCachu 2012 LT: Ext Gwt 3: GXT 3
DevInCachu 2012 LT: Ext Gwt 3: GXT 3Loiane Groner
 
Curso XML - IBM Academic Initiative
Curso XML - IBM Academic InitiativeCurso XML - IBM Academic Initiative
Curso XML - IBM Academic InitiativeLoiane Groner
 

En vedette (20)

Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2
Linguagil 2012: Desenvolvendo Aplicações RIA com  Ext JS 4 e Touch 2Linguagil 2012: Desenvolvendo Aplicações RIA com  Ext JS 4 e Touch 2
Linguagil 2012: Desenvolvendo Aplicações RIA com Ext JS 4 e Touch 2
 
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores PracticasTDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
 
Aprimorando sua Aplicação com Ext JS 4 - BrazilJS
Aprimorando sua Aplicação com Ext JS 4 - BrazilJSAprimorando sua Aplicação com Ext JS 4 - BrazilJS
Aprimorando sua Aplicação com Ext JS 4 - BrazilJS
 
Cafe com Tom - ExtJS 4
Cafe com Tom - ExtJS 4Cafe com Tom - ExtJS 4
Cafe com Tom - ExtJS 4
 
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridasFrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
FrontInBahia 2014: 10 dicas de desempenho para apps mobile híbridas
 
FrontInFloripa 2013: Sencha Touch 2 e Phonegap
FrontInFloripa 2013: Sencha Touch 2 e PhonegapFrontInFloripa 2013: Sencha Touch 2 e Phonegap
FrontInFloripa 2013: Sencha Touch 2 e Phonegap
 
WebBr 2013: Apps Mobile Multiplataforma e OpenSource com Sencha Touch e Phon...
WebBr 2013: Apps Mobile Multiplataforma e OpenSource com  Sencha Touch e Phon...WebBr 2013: Apps Mobile Multiplataforma e OpenSource com  Sencha Touch e Phon...
WebBr 2013: Apps Mobile Multiplataforma e OpenSource com Sencha Touch e Phon...
 
Conexao Java 2012: Desenvolvendo RIA com Java e Ext GWT (GXT)
Conexao Java 2012: Desenvolvendo RIA com Java e Ext GWT (GXT) Conexao Java 2012: Desenvolvendo RIA com Java e Ext GWT (GXT)
Conexao Java 2012: Desenvolvendo RIA com Java e Ext GWT (GXT)
 
QConSP 2012: CSS3 com Sass e Compass
QConSP 2012: CSS3 com Sass e CompassQConSP 2012: CSS3 com Sass e Compass
QConSP 2012: CSS3 com Sass e Compass
 
Justjava 2012: REST Com Jax-RS e ExtJS 4
Justjava 2012: REST Com Jax-RS e ExtJS 4Justjava 2012: REST Com Jax-RS e ExtJS 4
Justjava 2012: REST Com Jax-RS e ExtJS 4
 
Sencha Touch e PhoneGap: SouJava - IBM Maio 2013
Sencha Touch e PhoneGap: SouJava - IBM Maio 2013Sencha Touch e PhoneGap: SouJava - IBM Maio 2013
Sencha Touch e PhoneGap: SouJava - IBM Maio 2013
 
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
 
Ext JS 4 em 5 Minutos - QCONSP 2011
Ext JS 4 em 5 Minutos - QCONSP 2011Ext JS 4 em 5 Minutos - QCONSP 2011
Ext JS 4 em 5 Minutos - QCONSP 2011
 
DevInCachu 2012: Desenvolvendo Aplicacoes RIA com ExtJS 4 e Sencha Touch 2
DevInCachu 2012: Desenvolvendo Aplicacoes RIA com ExtJS 4 e Sencha Touch 2DevInCachu 2012: Desenvolvendo Aplicacoes RIA com ExtJS 4 e Sencha Touch 2
DevInCachu 2012: Desenvolvendo Aplicacoes RIA com ExtJS 4 e Sencha Touch 2
 
QConSP 2012: Sencha Touch 2: Mobile Multiplataforma
QConSP 2012: Sencha Touch 2: Mobile MultiplataformaQConSP 2012: Sencha Touch 2: Mobile Multiplataforma
QConSP 2012: Sencha Touch 2: Mobile Multiplataforma
 
Ajax de primeira com ExtJS + JSON no seu projeto Spring
Ajax de primeira com ExtJS + JSON no seu projeto SpringAjax de primeira com ExtJS + JSON no seu projeto Spring
Ajax de primeira com ExtJS + JSON no seu projeto Spring
 
JavaOne Brazil 2011: Jax-RS e Ext JS 4
JavaOne Brazil 2011: Jax-RS e Ext JS 4JavaOne Brazil 2011: Jax-RS e Ext JS 4
JavaOne Brazil 2011: Jax-RS e Ext JS 4
 
DevInCachu 2012 LT: Ext Gwt 3: GXT 3
DevInCachu 2012 LT: Ext Gwt 3: GXT 3DevInCachu 2012 LT: Ext Gwt 3: GXT 3
DevInCachu 2012 LT: Ext Gwt 3: GXT 3
 
TDC 2011 - Ext JS 4
TDC 2011 - Ext JS 4TDC 2011 - Ext JS 4
TDC 2011 - Ext JS 4
 
Curso XML - IBM Academic Initiative
Curso XML - IBM Academic InitiativeCurso XML - IBM Academic Initiative
Curso XML - IBM Academic Initiative
 

Similaire à Ext JS 4 Webinar - Tudo que você precisa saber

Curso ExtJS 4 - Aula 25: MessageBox: Dialog
Curso ExtJS 4 - Aula 25: MessageBox: DialogCurso ExtJS 4 - Aula 25: MessageBox: Dialog
Curso ExtJS 4 - Aula 25: MessageBox: DialogLoiane Groner
 
Curso ExtJS 4 - Aula 06 - Herança Simples
Curso ExtJS 4 - Aula 06 - Herança SimplesCurso ExtJS 4 - Aula 06 - Herança Simples
Curso ExtJS 4 - Aula 06 - Herança SimplesLoiane Groner
 
Curso ExtJS 4 - Aula 12 - Data Package: Model: Validations
Curso ExtJS 4 - Aula 12 - Data Package: Model: ValidationsCurso ExtJS 4 - Aula 12 - Data Package: Model: Validations
Curso ExtJS 4 - Aula 12 - Data Package: Model: ValidationsLoiane Groner
 
Design Factory em testes
Design Factory em testesDesign Factory em testes
Design Factory em testesTestRock!
 
Curso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar Model
Curso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar ModelCurso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar Model
Curso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar ModelLoiane Groner
 
Curso ExtJS 4 - Aula 08 - Alias e XType
Curso ExtJS 4 - Aula 08 - Alias e XTypeCurso ExtJS 4 - Aula 08 - Alias e XType
Curso ExtJS 4 - Aula 08 - Alias e XTypeLoiane Groner
 
Frameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHPFrameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHPElton Minetto
 
PHP Symfony, Vale A Pena
PHP Symfony, Vale A PenaPHP Symfony, Vale A Pena
PHP Symfony, Vale A PenaMarcelo Fleury
 
Html5 para estudantes universitários
Html5 para estudantes universitáriosHtml5 para estudantes universitários
Html5 para estudantes universitáriosPaullo Norato
 
Criando e Usando Helpers
Criando e Usando HelpersCriando e Usando Helpers
Criando e Usando HelpersJoaoVagner
 
Desafios de um desenvolvedor JSF
Desafios de um desenvolvedor JSFDesafios de um desenvolvedor JSF
Desafios de um desenvolvedor JSFRafael Ponte
 
Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4Rodrigo Kono
 
Curso ExtJS 4 - Aula 32: Auto Layout
Curso ExtJS 4 - Aula 32: Auto LayoutCurso ExtJS 4 - Aula 32: Auto Layout
Curso ExtJS 4 - Aula 32: Auto LayoutLoiane Groner
 
Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy
Curso ExtJS 4 - Aula 19 - Data Package: Ajax ProxyCurso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy
Curso ExtJS 4 - Aula 19 - Data Package: Ajax ProxyLoiane Groner
 
Curso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XML
Curso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XMLCurso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XML
Curso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XMLLoiane Groner
 
Curso ExtJS 4 - Aula 26: Panel
Curso ExtJS 4 - Aula 26: PanelCurso ExtJS 4 - Aula 26: Panel
Curso ExtJS 4 - Aula 26: PanelLoiane Groner
 
Curso ExtJS 4 - Aula 33: Anchor Layout
Curso ExtJS 4 - Aula 33: Anchor LayoutCurso ExtJS 4 - Aula 33: Anchor Layout
Curso ExtJS 4 - Aula 33: Anchor LayoutLoiane Groner
 
Curso ExtJS 4 - Aula 18 - Data Package: Memory Proxy
Curso ExtJS 4 - Aula 18 - Data Package: Memory ProxyCurso ExtJS 4 - Aula 18 - Data Package: Memory Proxy
Curso ExtJS 4 - Aula 18 - Data Package: Memory ProxyLoiane Groner
 
Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy
Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage ProxyCurso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy
Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage ProxyLoiane Groner
 
Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8claudio alfonso
 

Similaire à Ext JS 4 Webinar - Tudo que você precisa saber (20)

Curso ExtJS 4 - Aula 25: MessageBox: Dialog
Curso ExtJS 4 - Aula 25: MessageBox: DialogCurso ExtJS 4 - Aula 25: MessageBox: Dialog
Curso ExtJS 4 - Aula 25: MessageBox: Dialog
 
Curso ExtJS 4 - Aula 06 - Herança Simples
Curso ExtJS 4 - Aula 06 - Herança SimplesCurso ExtJS 4 - Aula 06 - Herança Simples
Curso ExtJS 4 - Aula 06 - Herança Simples
 
Curso ExtJS 4 - Aula 12 - Data Package: Model: Validations
Curso ExtJS 4 - Aula 12 - Data Package: Model: ValidationsCurso ExtJS 4 - Aula 12 - Data Package: Model: Validations
Curso ExtJS 4 - Aula 12 - Data Package: Model: Validations
 
Design Factory em testes
Design Factory em testesDesign Factory em testes
Design Factory em testes
 
Curso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar Model
Curso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar ModelCurso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar Model
Curso ExtJS 4 - Aula 13 - Data Package: Proxy: Carregar e Salvar Model
 
Curso ExtJS 4 - Aula 08 - Alias e XType
Curso ExtJS 4 - Aula 08 - Alias e XTypeCurso ExtJS 4 - Aula 08 - Alias e XType
Curso ExtJS 4 - Aula 08 - Alias e XType
 
Frameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHPFrameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHP
 
PHP Symfony, Vale A Pena
PHP Symfony, Vale A PenaPHP Symfony, Vale A Pena
PHP Symfony, Vale A Pena
 
Html5 para estudantes universitários
Html5 para estudantes universitáriosHtml5 para estudantes universitários
Html5 para estudantes universitários
 
Criando e Usando Helpers
Criando e Usando HelpersCriando e Usando Helpers
Criando e Usando Helpers
 
Desafios de um desenvolvedor JSF
Desafios de um desenvolvedor JSFDesafios de um desenvolvedor JSF
Desafios de um desenvolvedor JSF
 
Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4
 
Curso ExtJS 4 - Aula 32: Auto Layout
Curso ExtJS 4 - Aula 32: Auto LayoutCurso ExtJS 4 - Aula 32: Auto Layout
Curso ExtJS 4 - Aula 32: Auto Layout
 
Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy
Curso ExtJS 4 - Aula 19 - Data Package: Ajax ProxyCurso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy
Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy
 
Curso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XML
Curso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XMLCurso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XML
Curso ExtJS 4 - Aula 20 - Data Package: Proxy Reader: JSON + XML
 
Curso ExtJS 4 - Aula 26: Panel
Curso ExtJS 4 - Aula 26: PanelCurso ExtJS 4 - Aula 26: Panel
Curso ExtJS 4 - Aula 26: Panel
 
Curso ExtJS 4 - Aula 33: Anchor Layout
Curso ExtJS 4 - Aula 33: Anchor LayoutCurso ExtJS 4 - Aula 33: Anchor Layout
Curso ExtJS 4 - Aula 33: Anchor Layout
 
Curso ExtJS 4 - Aula 18 - Data Package: Memory Proxy
Curso ExtJS 4 - Aula 18 - Data Package: Memory ProxyCurso ExtJS 4 - Aula 18 - Data Package: Memory Proxy
Curso ExtJS 4 - Aula 18 - Data Package: Memory Proxy
 
Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy
Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage ProxyCurso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy
Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy
 
Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8
 

Ext JS 4 Webinar - Tudo que você precisa saber