SlideShare uma empresa Scribd logo
1 de 23
Baixar para ler offline
Curso
 Ext JS 4
Data Package:
   Proxy:
LocalStorage
       Loiane Groner
     http://loiane.com
Agenda
•Introdução a Proxies
•Client Proxies
•LocalStorage Proxy (HTML 5)
•Exemplo prático
Requisitos
Ext JS 4 SDK

      Servidor (Apache)

       Editor de Texto

Browser (Firefox c/ Firebug ou
          Chrome)
HTML 5 Local Storage
HTML 5 Local Storage

Armazenamento longo prazo
HTML 5 Local Storage

Armazenamento longo prazo
Disponível no domínio
HTML 5 Local Storage

Armazenamento longo prazo
Disponível no domínio
Todas as tabs e janelas do browser
Show me the
   code!
HTML 5 Local Storage

http://dev.w3.org/html5/
       webstorage/
Código Fonte da
       Aula

https://github.com/loiane/
        curso-extjs4
Link do Curso com
       todas as aulas
         publicadas

http://www.loiane.com/2011/11/curso-
         de-extjs-4-gratuito/
http://amzn.com/
1849516669


http://
www.packtpub.com/
ext-js-4-first-look/
book
contato = {
 email: ‘curso@extjs4.com’,
 blog: ‘loiane.com’,
 facebook: ‘facebook.com/loianegroner’,
 twitter: ‘@loiane’,
 github: ‘loiane’,
 vimeo: ‘loiane’,
 youtube: ‘loianeg’
 }
Obrigada!

Mais conteúdo relacionado

Mais procurados

Docker: Conceitos e Primeiros Passos na utilização de Containers - Programand...
Docker: Conceitos e Primeiros Passos na utilização de Containers - Programand...Docker: Conceitos e Primeiros Passos na utilização de Containers - Programand...
Docker: Conceitos e Primeiros Passos na utilização de Containers - Programand...Renato Groff
 
Docker: primeiros passos - Semana FCI - Mackenzie - Outubro-2019
Docker: primeiros passos - Semana FCI - Mackenzie - Outubro-2019Docker: primeiros passos - Semana FCI - Mackenzie - Outubro-2019
Docker: primeiros passos - Semana FCI - Mackenzie - Outubro-2019Renato Groff
 
7 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - .NET SP - ...
7 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - .NET SP - ...7 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - .NET SP - ...
7 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - .NET SP - ...Renato Groff
 
A evolução da plataforma .NET: passado, presente e futuro | Baixada NERD - No...
A evolução da plataforma .NET: passado, presente e futuro | Baixada NERD - No...A evolução da plataforma .NET: passado, presente e futuro | Baixada NERD - No...
A evolução da plataforma .NET: passado, presente e futuro | Baixada NERD - No...Renato Groff
 
Desenvolvendo Aplicações .NET Core em Linux - CEUNSP - Outubro-2019
Desenvolvendo Aplicações .NET Core em Linux - CEUNSP - Outubro-2019Desenvolvendo Aplicações .NET Core em Linux - CEUNSP - Outubro-2019
Desenvolvendo Aplicações .NET Core em Linux - CEUNSP - Outubro-2019Renato Groff
 
Php além do LAMP
Php além do LAMPPhp além do LAMP
Php além do LAMPThiago Paes
 
Rodrigo Primo - Como contribuir com o desenvolvimento do core do WordPress
Rodrigo Primo - Como contribuir com o desenvolvimento do core do WordPressRodrigo Primo - Como contribuir com o desenvolvimento do core do WordPress
Rodrigo Primo - Como contribuir com o desenvolvimento do core do WordPressWordPress Floripa
 

Mais procurados (7)

Docker: Conceitos e Primeiros Passos na utilização de Containers - Programand...
Docker: Conceitos e Primeiros Passos na utilização de Containers - Programand...Docker: Conceitos e Primeiros Passos na utilização de Containers - Programand...
Docker: Conceitos e Primeiros Passos na utilização de Containers - Programand...
 
Docker: primeiros passos - Semana FCI - Mackenzie - Outubro-2019
Docker: primeiros passos - Semana FCI - Mackenzie - Outubro-2019Docker: primeiros passos - Semana FCI - Mackenzie - Outubro-2019
Docker: primeiros passos - Semana FCI - Mackenzie - Outubro-2019
 
7 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - .NET SP - ...
7 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - .NET SP - ...7 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - .NET SP - ...
7 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - .NET SP - ...
 
A evolução da plataforma .NET: passado, presente e futuro | Baixada NERD - No...
A evolução da plataforma .NET: passado, presente e futuro | Baixada NERD - No...A evolução da plataforma .NET: passado, presente e futuro | Baixada NERD - No...
A evolução da plataforma .NET: passado, presente e futuro | Baixada NERD - No...
 
Desenvolvendo Aplicações .NET Core em Linux - CEUNSP - Outubro-2019
Desenvolvendo Aplicações .NET Core em Linux - CEUNSP - Outubro-2019Desenvolvendo Aplicações .NET Core em Linux - CEUNSP - Outubro-2019
Desenvolvendo Aplicações .NET Core em Linux - CEUNSP - Outubro-2019
 
Php além do LAMP
Php além do LAMPPhp além do LAMP
Php além do LAMP
 
Rodrigo Primo - Como contribuir com o desenvolvimento do core do WordPress
Rodrigo Primo - Como contribuir com o desenvolvimento do core do WordPressRodrigo Primo - Como contribuir com o desenvolvimento do core do WordPress
Rodrigo Primo - Como contribuir com o desenvolvimento do core do WordPress
 

Destaque

Curso ExtJS 4 - Aula 11 - Data Package: Model: Fields
Curso ExtJS 4 - Aula 11 - Data Package: Model: FieldsCurso ExtJS 4 - Aula 11 - Data Package: Model: Fields
Curso ExtJS 4 - Aula 11 - Data Package: Model: FieldsLoiane Groner
 
Curso ExtJS 4 - Aula 01 - Introdução
Curso ExtJS 4 - Aula 01 - IntroduçãoCurso ExtJS 4 - Aula 01 - Introdução
Curso ExtJS 4 - Aula 01 - IntroduçãoLoiane Groner
 
Curso ExtJS 4 - Aula 15 - Data Package: Store
Curso ExtJS 4 - Aula 15 - Data Package: StoreCurso ExtJS 4 - Aula 15 - Data Package: Store
Curso ExtJS 4 - Aula 15 - Data Package: StoreLoiane 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
 
Curso ExtJS 4 - Aula 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQueryCurso ExtJS 4 - Aula 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQueryLoiane Groner
 
Curso ExtJS 4 - Aula 14 - Data Package: Model Associations
Curso ExtJS 4 - Aula 14 - Data Package: Model AssociationsCurso ExtJS 4 - Aula 14 - Data Package: Model Associations
Curso ExtJS 4 - Aula 14 - Data Package: Model AssociationsLoiane 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 05 - Criação de Classes
Curso ExtJS 4 - Aula 05 - Criação de ClassesCurso ExtJS 4 - Aula 05 - Criação de Classes
Curso ExtJS 4 - Aula 05 - Criação de ClassesLoiane 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 07 - Mixins
Curso ExtJS 4 - Aula 07 - MixinsCurso ExtJS 4 - Aula 07 - Mixins
Curso ExtJS 4 - Aula 07 - MixinsLoiane Groner
 

Destaque (10)

Curso ExtJS 4 - Aula 11 - Data Package: Model: Fields
Curso ExtJS 4 - Aula 11 - Data Package: Model: FieldsCurso ExtJS 4 - Aula 11 - Data Package: Model: Fields
Curso ExtJS 4 - Aula 11 - Data Package: Model: Fields
 
Curso ExtJS 4 - Aula 01 - Introdução
Curso ExtJS 4 - Aula 01 - IntroduçãoCurso ExtJS 4 - Aula 01 - Introdução
Curso ExtJS 4 - Aula 01 - Introdução
 
Curso ExtJS 4 - Aula 15 - Data Package: Store
Curso ExtJS 4 - Aula 15 - Data Package: StoreCurso ExtJS 4 - Aula 15 - Data Package: Store
Curso ExtJS 4 - Aula 15 - Data Package: Store
 
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
 
Curso ExtJS 4 - Aula 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQueryCurso ExtJS 4 - Aula 04 - ExtJS + JQuery
Curso ExtJS 4 - Aula 04 - ExtJS + JQuery
 
Curso ExtJS 4 - Aula 14 - Data Package: Model Associations
Curso ExtJS 4 - Aula 14 - Data Package: Model AssociationsCurso ExtJS 4 - Aula 14 - Data Package: Model Associations
Curso ExtJS 4 - Aula 14 - Data Package: Model Associations
 
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 05 - Criação de Classes
Curso ExtJS 4 - Aula 05 - Criação de ClassesCurso ExtJS 4 - Aula 05 - Criação de Classes
Curso ExtJS 4 - Aula 05 - Criação de Classes
 
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 07 - Mixins
Curso ExtJS 4 - Aula 07 - MixinsCurso ExtJS 4 - Aula 07 - Mixins
Curso ExtJS 4 - Aula 07 - Mixins
 

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

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
 
Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter
Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e FilterCurso 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 31: Introducao a Layouts
Curso ExtJS 4 - Aula 31: Introducao a LayoutsCurso ExtJS 4 - Aula 31: Introducao a Layouts
Curso ExtJS 4 - Aula 31: Introducao a LayoutsLoiane 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 de ExtJS 4 Aula 37: Fit Layout
Curso de ExtJS 4 Aula 37: Fit LayoutCurso de ExtJS 4 Aula 37: Fit Layout
Curso de ExtJS 4 Aula 37: Fit LayoutLoiane Groner
 
Curso de ExtJS 4 - Aula 35: Absolute Layout
Curso de ExtJS 4 - Aula 35: Absolute LayoutCurso de ExtJS 4 - Aula 35: Absolute Layout
Curso de ExtJS 4 - Aula 35: Absolute LayoutLoiane Groner
 
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 de ExtJS 4 Aula 39: Column Layout
Curso de ExtJS 4 Aula 39: Column LayoutCurso de ExtJS 4 Aula 39: Column Layout
Curso de ExtJS 4 Aula 39: Column LayoutLoiane Groner
 
Curso de ExtJS 4 - Aula 34: Accordion Layout
Curso de ExtJS 4 - Aula 34: Accordion LayoutCurso de ExtJS 4 - Aula 34: Accordion Layout
Curso de ExtJS 4 - Aula 34: Accordion LayoutLoiane Groner
 
Curso de ExtJS 4 Aula 40: HBox Layout
Curso de ExtJS 4 Aula 40: HBox LayoutCurso de ExtJS 4 Aula 40: HBox Layout
Curso de ExtJS 4 Aula 40: HBox LayoutLoiane Groner
 
[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
[Curso de ExtJS 4] Aula 43: Viewport e Layouts ComplexosLoiane Groner
 
Curso de ExtJS 4 Aula 36: Border Layout
Curso de ExtJS 4 Aula 36: Border LayoutCurso de ExtJS 4 Aula 36: Border Layout
Curso de ExtJS 4 Aula 36: Border LayoutLoiane 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 41: VBox Layout
Curso ExtJS 4 - Aula 41: VBox LayoutCurso ExtJS 4 - Aula 41: VBox Layout
Curso ExtJS 4 - Aula 41: VBox LayoutLoiane Groner
 
Curso de ExtJS 4 Aula 38: Card Layout
Curso de ExtJS 4 Aula 38: Card LayoutCurso de ExtJS 4 Aula 38: Card Layout
Curso de ExtJS 4 Aula 38: Card LayoutLoiane Groner
 
Curso de ExtJS 4 Aula 42: Table Layout
Curso de ExtJS 4 Aula 42: Table LayoutCurso de ExtJS 4 Aula 42: Table Layout
Curso de ExtJS 4 Aula 42: Table LayoutLoiane Groner
 
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 22: Data Package: REST Proxy
Curso ExtJS 4 - Aula 22: Data Package: REST ProxyCurso ExtJS 4 - Aula 22: Data Package: REST Proxy
Curso ExtJS 4 - Aula 22: Data Package: REST ProxyLoiane 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
 

Semelhante a Curso ExtJS 4 - Aula 16 - Data Package: LocalStorage Proxy (20)

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
 
Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e Filter
Curso ExtJS 4 - Aula 24: Data Package: Recursos Store: Sorter e FilterCurso 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 31: Introducao a Layouts
Curso ExtJS 4 - Aula 31: Introducao a LayoutsCurso ExtJS 4 - Aula 31: Introducao a Layouts
Curso ExtJS 4 - Aula 31: Introducao a Layouts
 
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 de ExtJS 4 Aula 37: Fit Layout
Curso de ExtJS 4 Aula 37: Fit LayoutCurso de ExtJS 4 Aula 37: Fit Layout
Curso de ExtJS 4 Aula 37: Fit Layout
 
Curso de ExtJS 4 - Aula 35: Absolute Layout
Curso de ExtJS 4 - Aula 35: Absolute LayoutCurso de ExtJS 4 - Aula 35: Absolute Layout
Curso de ExtJS 4 - Aula 35: Absolute Layout
 
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 de ExtJS 4 Aula 39: Column Layout
Curso de ExtJS 4 Aula 39: Column LayoutCurso de ExtJS 4 Aula 39: Column Layout
Curso de ExtJS 4 Aula 39: Column Layout
 
Curso de ExtJS 4 - Aula 34: Accordion Layout
Curso de ExtJS 4 - Aula 34: Accordion LayoutCurso de ExtJS 4 - Aula 34: Accordion Layout
Curso de ExtJS 4 - Aula 34: Accordion Layout
 
Curso extjs4-aula40
Curso extjs4-aula40Curso extjs4-aula40
Curso extjs4-aula40
 
Curso de ExtJS 4 Aula 40: HBox Layout
Curso de ExtJS 4 Aula 40: HBox LayoutCurso de ExtJS 4 Aula 40: HBox Layout
Curso de ExtJS 4 Aula 40: HBox Layout
 
[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
 
Curso de ExtJS 4 Aula 36: Border Layout
Curso de ExtJS 4 Aula 36: Border LayoutCurso de ExtJS 4 Aula 36: Border Layout
Curso de ExtJS 4 Aula 36: Border Layout
 
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 41: VBox Layout
Curso ExtJS 4 - Aula 41: VBox LayoutCurso ExtJS 4 - Aula 41: VBox Layout
Curso ExtJS 4 - Aula 41: VBox Layout
 
Curso de ExtJS 4 Aula 38: Card Layout
Curso de ExtJS 4 Aula 38: Card LayoutCurso de ExtJS 4 Aula 38: Card Layout
Curso de ExtJS 4 Aula 38: Card Layout
 
Curso de ExtJS 4 Aula 42: Table Layout
Curso de ExtJS 4 Aula 42: Table LayoutCurso de ExtJS 4 Aula 42: Table Layout
Curso de ExtJS 4 Aula 42: Table Layout
 
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 22: Data Package: REST Proxy
Curso ExtJS 4 - Aula 22: Data Package: REST ProxyCurso ExtJS 4 - Aula 22: Data Package: REST Proxy
Curso ExtJS 4 - Aula 22: Data Package: REST Proxy
 
Frameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHPFrameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHP
 

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