Curso ExtJS 4 - Aula 04 - ExtJS + JQuery

•

2 gostaram•2,847 visualizações

Este documento apresenta uma agenda para um curso sobre Ext JS 4 e JQuery, cobrindo tópicos como usar Ext JS 4 e JQuery juntos e um exemplo de aplicação. Os requisitos incluem Ext JS 4 SDK, JQuery, um servidor Apache, um editor de texto e um navegador. O código fonte da aula e recursos adicionais são fornecidos.

Curso
Ext JS 4
Ext JS 4 +
JQuery
Loiane Groner
http://loiane.com

Agenda

•Como usar Ext JS 4 +
JQuery

•Aplicação de Exemplo

Requisitos

Ext JS 4 SDK

JQuery

Servidor (Apache)

Editor de Texto

Browser (Firefox ou Chrome)

Código Fonte da
Aula

https://github.com/loiane/
curso-extjs4

http://amzn.com/
1849516669

http://
www.packtpub.com/
ext-js-4-ﬁrst-look/
book

contato = {
email: ‘curso@extjs4.com’,
blog: ‘loiane.com’,
facebook: ‘facebook.com/loianegroner’,
twitter: ‘@loiane’,
github: ‘loiane’,
vimeo: ‘loiane’
}

Obrigada!

Recomendados

Curso ExtJS 4 - Aula 08 - Alias e XType

Curso ExtJS 4 - Aula 08 - Alias e XType

Curso ExtJS 4 - Aula 08 - Alias e XType

Curso ExtJS 4 - Aula 08 - Alias e XType Aula 08 do curso gratuito de ExtJS 4 - criar alias para classes ExtJS 4 e usá-las através de xtype. Post da aula: http://www.loiane.com/2012/01/curso-de-extjs-4-aula-08-alias-e-xtype/ Todas as aulas já publicadas: http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/ Código fonte da aula: https://github.com/loiane/curso-extjs4 Aula também está disponível em HD. Link do vimeo: http://vimeo.com/loiane/curso-extjs4-aula08

Curso ExtJS 4 - Aula 07 - Mixins

Curso ExtJS 4 - Aula 07 - Mixins

Curso ExtJS 4 - Aula 07 - Mixins

Curso ExtJS 4 - Aula 05 - Criação de Classes

Curso ExtJS 4 - Aula 05 - Criação de Classes

Curso ExtJS 4 - Aula 05 - Criação de Classes

Curso ExtJS 4 - Aula 11 - Data Package: Model: Fields

Curso ExtJS 4 - Aula 11 - Data Package: Model: Fields

Curso ExtJS 4 - Aula 11 - Data Package: Model: Fields

Curso Gratuito ExtJS 4 - Aula 11 - Data Package: Model: Fields Aula 11 do curso gratuito de ExtJS 4 - Como criar criar Models e tipos de campos/fields Post da aula: http://www.loiane.com/2012/02/curso-de-extjs-4-aula-11-data-package-model-fields Todas as aulas já publicadas: http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/ Código fonte da aula: https://github.com/loiane/curso-extjs4 Aula também está disponível em HD. Link do vimeo: http://vimeo.com/loiane/curso-extjs4-aula11 http://loiane.com

Curso ExtJS 4 - Aula 06 - Herança Simples

Curso ExtJS 4 - Aula 06 - Herança Simples

Curso ExtJS 4 - Aula 06 - Herança Simples

Curso ExtJS 4 - Aula 01 - Introdução

Curso ExtJS 4 - Aula 01 - Introdução

Curso ExtJS 4 - Aula 01 - Introdução

Curso ExtJS 4 - Aula 18 - Data Package: Memory Proxy

Curso ExtJS 4 - Aula 18 - Data Package: Memory Proxy

Curso ExtJS 4 - Aula 18 - Data Package: Memory ProxyLoiane Groner

Curso ExtJS 4 - Aula 12 - Data Package: Model: Validations

Curso ExtJS 4 - Aula 12 - Data Package: Model: Validations

Curso ExtJS 4 - Aula 12 - Data Package: Model: Validations

Aula 12 do curso gratuito de ExtJS 4 - Como validar Models através de validations. Post da aula: http://www.loiane.com/2012/02/curso-de-extjs-4-aula-12-data-package-model-validations Todas as aulas já publicadas: http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/ Código fonte da aula: https://github.com/loiane/curso-extjs4 Aula também está disponível em HD. Link do vimeo: http://vimeo.com/loiane/curso-extjs4-aula12 http://loiane.com

Recomendados

Curso ExtJS 4 - Aula 08 - Alias e XType

Curso ExtJS 4 - Aula 08 - Alias e XType

Curso ExtJS 4 - Aula 08 - Alias e XType

Curso ExtJS 4 - Aula 08 - Alias e XType Aula 08 do curso gratuito de ExtJS 4 - criar alias para classes ExtJS 4 e usá-las através de xtype. Post da aula: http://www.loiane.com/2012/01/curso-de-extjs-4-aula-08-alias-e-xtype/ Todas as aulas já publicadas: http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/ Código fonte da aula: https://github.com/loiane/curso-extjs4 Aula também está disponível em HD. Link do vimeo: http://vimeo.com/loiane/curso-extjs4-aula08

Curso ExtJS 4 - Aula 07 - Mixins

Curso ExtJS 4 - Aula 07 - Mixins

Curso ExtJS 4 - Aula 07 - Mixins

Curso ExtJS 4 - Aula 05 - Criação de Classes

Curso ExtJS 4 - Aula 05 - Criação de Classes

Curso ExtJS 4 - Aula 05 - Criação de Classes

Curso ExtJS 4 - Aula 11 - Data Package: Model: Fields

Curso ExtJS 4 - Aula 11 - Data Package: Model: Fields

Curso ExtJS 4 - Aula 11 - Data Package: Model: Fields

Curso Gratuito ExtJS 4 - Aula 11 - Data Package: Model: Fields Aula 11 do curso gratuito de ExtJS 4 - Como criar criar Models e tipos de campos/fields Post da aula: http://www.loiane.com/2012/02/curso-de-extjs-4-aula-11-data-package-model-fields Todas as aulas já publicadas: http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/ Código fonte da aula: https://github.com/loiane/curso-extjs4 Aula também está disponível em HD. Link do vimeo: http://vimeo.com/loiane/curso-extjs4-aula11 http://loiane.com

Curso ExtJS 4 - Aula 06 - Herança Simples

Curso ExtJS 4 - Aula 06 - Herança Simples

Curso ExtJS 4 - Aula 06 - Herança Simples

Curso ExtJS 4 - Aula 01 - Introdução

Curso ExtJS 4 - Aula 01 - Introdução

Curso ExtJS 4 - Aula 01 - Introdução

Curso ExtJS 4 - Aula 18 - Data Package: Memory Proxy

Curso ExtJS 4 - Aula 18 - Data Package: Memory Proxy

Curso ExtJS 4 - Aula 18 - Data Package: Memory ProxyLoiane Groner

Curso ExtJS 4 - Aula 12 - Data Package: Model: Validations

Curso ExtJS 4 - Aula 12 - Data Package: Model: Validations

Curso ExtJS 4 - Aula 12 - Data Package: Model: Validations

Aula 12 do curso gratuito de ExtJS 4 - Como validar Models através de validations. Post da aula: http://www.loiane.com/2012/02/curso-de-extjs-4-aula-12-data-package-model-validations Todas as aulas já publicadas: http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/ Código fonte da aula: https://github.com/loiane/curso-extjs4 Aula também está disponível em HD. Link do vimeo: http://vimeo.com/loiane/curso-extjs4-aula12 http://loiane.com

Curso 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 20 - Data Package: Proxy Reader: JSON + XMLLoiane Groner

Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo

Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo

Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo

Curso Gratuito ExtJS 4 - Aula 21 - DData Package: Proxy Writer: CRUD Completo Aula 21 do curso gratuito de ExtJS 4 - Na aula de hoje vamos aprender como usar o Ajax Proxy com um Reader. O Reader nos permite configurar a maneira que vamos ler os dados do servidor: JSON ou XML. Além disso, temos outras opções de configurações que vamos aprender na aula de hoje. Post da aula: http://www.loiane.com/2012/03/curso-de-extjs-4-aula-21-data-package-proxy-writer-crud-completo Todas as aulas já publicadas: http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/ Código fonte da aula: https://github.com/loiane/curso-extjs4 Slides: http://www.slideshare.net/loianeg/curso-de-extjs-4-aula-21-data-package-proxy-writer-crud-completo Aula também está disponível em HD. Link do vimeo: http://vimeo.com/loiane/curso-extjs4-aula21 http://loiane.com

Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy

Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy

Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy

Curso Gratuito ExtJS 4 - Aula 19 - Data Package: Ajax Proxy Aula 19 do curso gratuito de ExtJS 4 - Na aula de hoje vamos aprender como usar o Ajax Proxy, um proxy do tipo Server. Essa é a primeira parte da aula sobre Ajax Proxy. Na próxima aula veremos como fazer leitura de dados do server (Java) usando JSON e XML, e na outra aula veremos como enviar dados para o server, completando um CRUD. Post da aula: http://www.loiane.com/2012/03/curso-de-extjs-4-aula-19-data-package-ajax-proxy Todas as aulas já publicadas: http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/ Código fonte da aula: https://github.com/loiane/curso-extjs4 Slides: http://www.slideshare.net/loianeg/curso-de-extjs-4-aula-19-data-package-ajax-proxy Aula também está disponível em HD. Link do vimeo: http://vimeo.com/loiane/curso-extjs4-aula19 http://loiane.com

Curso 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 13 - Data Package: Proxy: Carregar e Salvar ModelLoiane Groner

Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter

Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter

Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e FilterLoiane Groner

Curso ExtJS 4 - Aula 29: Menus

Curso ExtJS 4 - Aula 29: Menus

Curso ExtJS 4 - Aula 29: MenusLoiane Groner

Curso ExtJS 4 - Aula 28: Buttons

Curso ExtJS 4 - Aula 28: Buttons

Curso ExtJS 4 - Aula 28: ButtonsLoiane Groner

Curso ExtJS 4 - Aula 15 - Data Package: Store

Curso ExtJS 4 - Aula 15 - Data Package: Store

Curso ExtJS 4 - Aula 15 - Data Package: StoreLoiane Groner

Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy

Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy

Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage ProxyLoiane Groner

Curso ExtJS 4 - Aula 14 - Data Package: Model Associations

Curso ExtJS 4 - Aula 14 - Data Package: Model Associations

Curso ExtJS 4 - Aula 14 - Data Package: Model AssociationsLoiane Groner

Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage Proxy

Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage Proxy

Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage ProxyLoiane Groner

Curso ExtJS 4 - Aula 30: Toolbar e DockedLayout

Curso ExtJS 4 - Aula 30: Toolbar e DockedLayout

Curso ExtJS 4 - Aula 30: Toolbar e DockedLayoutLoiane Groner

Curso ExtJS 4 - Aula 31: Introducao a Layouts

Curso ExtJS 4 - Aula 31: Introducao a Layouts

Curso ExtJS 4 - Aula 31: Introducao a Layouts

Curso ExtJS 4 - Aula 25: MessageBox: Dialog

Curso ExtJS 4 - Aula 25: MessageBox: Dialog

Curso ExtJS 4 - Aula 25: MessageBox: DialogLoiane Groner

Curso ExtJS 4 - Aula 26: Panel

Curso ExtJS 4 - Aula 26: Panel

Curso ExtJS 4 - Aula 26: PanelLoiane Groner

Mais conteúdo relacionado

Mais procurados

Curso 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 20 - Data Package: Proxy Reader: JSON + XMLLoiane Groner

Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo

Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo

Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo

Curso Gratuito ExtJS 4 - Aula 21 - DData Package: Proxy Writer: CRUD Completo Aula 21 do curso gratuito de ExtJS 4 - Na aula de hoje vamos aprender como usar o Ajax Proxy com um Reader. O Reader nos permite configurar a maneira que vamos ler os dados do servidor: JSON ou XML. Além disso, temos outras opções de configurações que vamos aprender na aula de hoje. Post da aula: http://www.loiane.com/2012/03/curso-de-extjs-4-aula-21-data-package-proxy-writer-crud-completo Todas as aulas já publicadas: http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/ Código fonte da aula: https://github.com/loiane/curso-extjs4 Slides: http://www.slideshare.net/loianeg/curso-de-extjs-4-aula-21-data-package-proxy-writer-crud-completo Aula também está disponível em HD. Link do vimeo: http://vimeo.com/loiane/curso-extjs4-aula21 http://loiane.com

Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy

Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy

Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy

Curso Gratuito ExtJS 4 - Aula 19 - Data Package: Ajax Proxy Aula 19 do curso gratuito de ExtJS 4 - Na aula de hoje vamos aprender como usar o Ajax Proxy, um proxy do tipo Server. Essa é a primeira parte da aula sobre Ajax Proxy. Na próxima aula veremos como fazer leitura de dados do server (Java) usando JSON e XML, e na outra aula veremos como enviar dados para o server, completando um CRUD. Post da aula: http://www.loiane.com/2012/03/curso-de-extjs-4-aula-19-data-package-ajax-proxy Todas as aulas já publicadas: http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/ Código fonte da aula: https://github.com/loiane/curso-extjs4 Slides: http://www.slideshare.net/loianeg/curso-de-extjs-4-aula-19-data-package-ajax-proxy Aula também está disponível em HD. Link do vimeo: http://vimeo.com/loiane/curso-extjs4-aula19 http://loiane.com

Curso 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 13 - Data Package: Proxy: Carregar e Salvar ModelLoiane Groner

Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter

Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter

Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e FilterLoiane Groner

Curso ExtJS 4 - Aula 29: Menus

Curso ExtJS 4 - Aula 29: Menus

Curso ExtJS 4 - Aula 29: MenusLoiane Groner

Curso ExtJS 4 - Aula 28: Buttons

Curso ExtJS 4 - Aula 28: Buttons

Curso ExtJS 4 - Aula 28: ButtonsLoiane Groner

Curso ExtJS 4 - Aula 15 - Data Package: Store

Curso ExtJS 4 - Aula 15 - Data Package: Store

Curso ExtJS 4 - Aula 15 - Data Package: StoreLoiane Groner

Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy

Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy

Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage ProxyLoiane Groner

Curso ExtJS 4 - Aula 14 - Data Package: Model Associations

Curso ExtJS 4 - Aula 14 - Data Package: Model Associations

Curso ExtJS 4 - Aula 14 - Data Package: Model AssociationsLoiane Groner

Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage Proxy

Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage Proxy

Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage ProxyLoiane Groner

Curso ExtJS 4 - Aula 30: Toolbar e DockedLayout

Curso ExtJS 4 - Aula 30: Toolbar e DockedLayout

Curso ExtJS 4 - Aula 30: Toolbar e DockedLayoutLoiane Groner

Curso ExtJS 4 - Aula 31: Introducao a Layouts

Curso ExtJS 4 - Aula 31: Introducao a Layouts

Curso ExtJS 4 - Aula 31: Introducao a Layouts

Curso ExtJS 4 - Aula 25: MessageBox: Dialog

Curso ExtJS 4 - Aula 25: MessageBox: Dialog

Curso ExtJS 4 - Aula 25: MessageBox: DialogLoiane Groner

Curso ExtJS 4 - Aula 26: Panel

Curso ExtJS 4 - Aula 26: Panel

Curso ExtJS 4 - Aula 26: PanelLoiane Groner

Mais procurados (15)

Curso 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 20 - Data Package: Proxy Reader: JSON + XML

Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo

Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo

Curso ExtJS 4 - Aula 21 - Data Package: Proxy Writer: CRUD Completo

Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy

Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy

Curso ExtJS 4 - Aula 19 - Data Package: Ajax Proxy

Curso 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 13 - Data Package: Proxy: Carregar e Salvar Model

Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter

Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter

Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter

Curso ExtJS 4 - Aula 29: Menus

Curso ExtJS 4 - Aula 29: Menus

Curso ExtJS 4 - Aula 29: Menus

Curso ExtJS 4 - Aula 28: Buttons

Curso ExtJS 4 - Aula 28: Buttons

Curso ExtJS 4 - Aula 28: Buttons

Curso ExtJS 4 - Aula 15 - Data Package: Store

Curso ExtJS 4 - Aula 15 - Data Package: Store

Curso ExtJS 4 - Aula 15 - Data Package: Store

Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy

Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy

Curso ExtJS 4 - Aula 17 - Data Package: SessionStorage Proxy

Curso ExtJS 4 - Aula 14 - Data Package: Model Associations

Curso ExtJS 4 - Aula 14 - Data Package: Model Associations

Curso ExtJS 4 - Aula 14 - Data Package: Model Associations

Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage Proxy

Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage Proxy

Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage Proxy

Curso ExtJS 4 - Aula 30: Toolbar e DockedLayout

Curso ExtJS 4 - Aula 30: Toolbar e DockedLayout

Curso ExtJS 4 - Aula 30: Toolbar e DockedLayout

Curso ExtJS 4 - Aula 31: Introducao a Layouts

Curso ExtJS 4 - Aula 31: Introducao a Layouts

Curso ExtJS 4 - Aula 31: Introducao a Layouts

Curso ExtJS 4 - Aula 25: MessageBox: Dialog

Curso ExtJS 4 - Aula 25: MessageBox: Dialog

Curso ExtJS 4 - Aula 25: MessageBox: Dialog

Curso ExtJS 4 - Aula 26: Panel

Curso ExtJS 4 - Aula 26: Panel

Curso ExtJS 4 - Aula 26: Panel

Curso ExtJS 4 - Aula 04 - ExtJS + JQuery

1. Curso Ext JS 4 Ext JS 4 + JQuery Loiane Groner http://loiane.com

2. Agenda •Como usar Ext JS 4 + JQuery •Aplicação de Exemplo

4. Ext JS 4 SDK JQuery Servidor (Apache) Editor de Texto Browser (Firefox ou Chrome)

5. Código Fonte da Aula https://github.com/loiane/ curso-extjs4

6. http://amzn.com/ 1849516669 http:// www.packtpub.com/ ext-js-4-ﬁrst-look/ book

7. contato = { email: ‘curso@extjs4.com’, blog: ‘loiane.com’, facebook: ‘facebook.com/loianegroner’, twitter: ‘@loiane’, github: ‘loiane’, vimeo: ‘loiane’ }