Agora que temos a estrutura da nossa aplicao completa, vamos tentar entender o por

qu de estruturamos a aplicao assim e o que vamos colocar em cada diretrio da pasta a

pp.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretrio vamos colocar todos os Models da nossa aplicao. Um Model a rep
resentao do dado que vamos trabalhar e seus campos.
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as de Models de um mesmo tipo.
view: nesse diretrio vamos colocar todas as nossas views que so os componentes em
si, como grid, tree, form, grficos, etc. Nos arquivos vamos colocar apenas o cdigo
para renderizar a view, no vamos tratar nenhum tipo de interao do usurio (exemplo:
clique de boto).
controller: nesse diretrio vamos colocar todos os nossos controllers. Os controll
ers so responsveis por ficar de olho em tudo o que acontece na aplicao e so nesses arq
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTMLAgora que temos a estrutura da nossa aplicao completa, vamos tentar ent
ender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada diretrio
da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretrio vamos colocar todos os Models da nossa aplicao. Um Model a rep
resentao do dado que vamos trabalhar e seus campos.
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as de Models de um mesmo tipo.
view: nesse diretrio vamos colocar todas as nossas views que so os componentes em
si, como grid, tree, form, grficos, etc. Nos arquivos vamos colocar apenas o cdigo
para renderizar a view, no vamos tratar nenhum tipo de interao do usurio (exemplo:
clique de boto).
controller: nesse diretrio vamos colocar todos os nossos controllers. Os controll
ers so responsveis por ficar de olho em tudo o que acontece na aplicao e so nesses arq
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTMLAgora que temos a estrutura da nossa aplicao completa, vamos tentar ent
ender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada diretrio

da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretrio vamos colocar todos os Models da nossa aplicao. Um Model a rep
resentao do dado que vamos trabalhar e seus campos.
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as de Models de um mesmo tipo.
view: nesse diretrio vamos colocar todas as nossas views que so os componentes em
si, como grid, tree, form, grficos, etc. Nos arquivos vamos colocar apenas o cdigo
para renderizar a view, no vamos tratar nenhum tipo de interao do usurio (exemplo:
clique de boto).
controller: nesse diretrio vamos colocar todos os nossos controllers. Os controll
ers so responsveis por ficar de olho em tudo o que acontece na aplicao e so nesses arq
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTMLAgora que temos a estrutura da nossa aplicao completa, vamos tentar ent
ender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada diretrio
da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretrio vamos colocar todos os Models da nossa aplicao. Um Model a rep
resentao do dado que vamos trabalhar e seus campos.
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as de Models de um mesmo tipo.
view: nesse diretrio vamos colocar todas as nossas views que so os componentes em
si, como grid, tree, form, grficos, etc. Nos arquivos vamos colocar apenas o cdigo
para renderizar a view, no vamos tratar nenhum tipo de interao do usurio (exemplo:
clique de boto).
controller: nesse diretrio vamos colocar todos os nossos controllers. Os controll
ers so responsveis por ficar de olho em tudo o que acontece na aplicao e so nesses arq
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTMLAgora que temos a estrutura da nossa aplicao completa, vamos tentar ent
ender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada diretrio
da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http

://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretrio vamos colocar todos os Models da nossa aplicao. Um Model a rep
resentao do dado que vamos trabalhar e seus campos.
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as de Models de um mesmo tipo.
view: nesse diretrio vamos colocar todas as nossas views que so os componentes em
si, como grid, tree, form, grficos, etc. Nos arquivos vamos colocar apenas o cdigo
para renderizar a view, no vamos tratar nenhum tipo de interao do usurio (exemplo:
clique de boto).
controller: nesse diretrio vamos colocar todos os nossos controllers. Os controll
ers so responsveis por ficar de olho em tudo o que acontece na aplicao e so nesses arq
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTMLAgora que temos a estrutura da nossa aplicao completa, vamos tentar ent
ender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada diretrio
da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretrio vamos colocar todos os Models da nossa aplicao. Um Model a rep
resentao do dado que vamos trabalhar e seus campos.
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as de Models de um mesmo tipo.
view: nesse diretrio vamos colocar todas as nossas views que so os componentes em
si, como grid, tree, form, grficos, etc. Nos arquivos vamos colocar apenas o cdigo
para renderizar a view, no vamos tratar nenhum tipo de interao do usurio (exemplo:
clique de boto).
controller: nesse diretrio vamos colocar todos os nossos controllers. Os controll
ers so responsveis por ficar de olho em tudo o que acontece na aplicao e so nesses arq
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTMLAgora que temos a estrutura da nossa aplicao completa, vamos tentar ent
ender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada diretrio
da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n

ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretrio vamos colocar todos os Models da nossa aplicao. Um Model a rep
resentao do dado que vamos trabalhar e seus campos.
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as de Models de um mesmo tipo.
view: nesse diretrio vamos colocar todas as nossas views que so os componentes em
si, como grid, tree, form, grficos, etc. Nos arquivos vamos colocar apenas o cdigo
para renderizar a view, no vamos tratar nenhum tipo de interao do usurio (exemplo:
clique de boto).
controller: nesse diretrio vamos colocar todos os nossos controllers. Os controll
ers so responsveis por ficar de olho em tudo o que acontece na aplicao e so nesses arq
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTMLAgora que temos a estrutura da nossa aplicao completa, vamos tentar ent
ender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada diretrio
da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretrio vamos colocar todos os Models da nossa aplicao. Um Model a rep
resentao do dado que vamos trabalhar e seus campos.
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as de Models de um mesmo tipo.
view: nesse diretrio vamos colocar todas as nossas views que so os componentes em
si, como grid, tree, form, grficos, etc. Nos arquivos vamos colocar apenas o cdigo
para renderizar a view, no vamos tratar nenhum tipo de interao do usurio (exemplo:
clique de boto).
controller: nesse diretrio vamos colocar todos os nossos controllers. Os controll
ers so responsveis por ficar de olho em tudo o que acontece na aplicao e so nesses arq
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTMLAgora que temos a estrutura da nossa aplicao completa, vamos tentar ent
ender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada diretrio
da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o

s componentes para decidir o que vai ser mostrado ou no.

O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretrio vamos colocar todos os Models da nossa aplicao. Um Model a rep
resentao do dado que vamos trabalhar e seus campos.
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as de Models de um mesmo tipo.
view: nesse diretrio vamos colocar todas as nossas views que so os componentes em
si, como grid, tree, form, grficos, etc. Nos arquivos vamos colocar apenas o cdigo
para renderizar a view, no vamos tratar nenhum tipo de interao do usurio (exemplo:
clique de boto).
controller: nesse diretrio vamos colocar todos os nossos controllers. Os controll
ers so responsveis por ficar de olho em tudo o que acontece na aplicao e so nesses arq
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTMLAgora que temos a estrutura da nossa aplicao completa, vamos tentar ent
ender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada diretrio
da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o
nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretrio vamos colocar todos os Models da nossa aplicao. Um Model a rep
resentao do dado que vamos trabalhar e seus campos.
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as de Models de um mesmo tipo.
view: nesse diretrio vamos colocar todas as nossas views que so os componentes em
si, como grid, tree, form, grficos, etc. Nos arquivos vamos colocar apenas o cdigo
para renderizar a view, no vamos tratar nenhum tipo de interao do usurio (exemplo:
clique de boto).
controller: nesse diretrio vamos colocar todos os nossos controllers. Os controll
ers so responsveis por ficar de olho em tudo o que acontece na aplicao e so nesses arq
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTMLAgora que temos a estrutura da nossa aplicao completa, vamos tentar ent
ender o porqu de estruturamos a aplicao assim e o que vamos colocar em cada diretrio
da pasta app.
Se voc ainda no sabe o que MVC e para que serve, por favor, leia esse artigo: http
://pt.wikipedia.org/wiki/MVC
O arquivo index.html a pgina HTML da nossa aplicao. E sim, no importa o tamanho da n
ossa aplicao que teremos apenas essa pgina HTML. Com ExtJS no criamos uma pgina HTML
para coisa que queremos fazer. Se tivermos uma aplicao grande, vamos brincar com o
s componentes para decidir o que vai ser mostrado ou no.
O arquivo app.js o arquivo que representa a nossa aplicao. nele que vamos dizer o

nome da nossa aplicao, e tambm vamos dizer qual ser o componente que queremos carreg
ar quando iniciarmos a aplicao.
Dntro do diretrio app temos os seguintes diretrios:
odel: nesse diretrio vamos colocar todos os Models da nossa aplicao. Um Model a rep
resentao do dado que vamos trabalhar e seus campos.
store: nesse diretrio vamos colocar todas as Stores da nossa aplicao. A Store uma e
spcie de DAO, que vai se comunicar com o servidor ou alguma outra forma de storag
e local. A Store sempre carrega ou envia dados que representam uma coleo de instnci
as de Models de um mesmo tipo.
view: nesse diretrio vamos colocar todas as nossas views que so os componentes em
si, como grid, tree, form, grficos, etc. Nos arquivos vamos colocar apenas o cdigo
para renderizar a view, no vamos tratar nenhum tipo de interao do usurio (exemplo:
clique de boto).
controller: nesse diretrio vamos colocar todos os nossos controllers. Os controll
ers so responsveis por ficar de olho em tudo o que acontece na aplicao e so nesses arq
ivos que vamos colocar toda a lgica de controle das views, models e stores.
Se voc ainda no sabe o que um Model, Store, etc, assista as aulas do curso gratuit
o de ExtJS 4 para entender melhor como eles funcionam: http://www.loiane.com/201
1/11/curso-de-extjs-4-gratuito/
4 Pgina HTML