Curso  Ext JS 4Introdução      Loiane Groner    http://loiane.com
Mas o queé Ext JS?
http://sencha.com
1milhão de desenvolvedoresRIA JS FrameworkMelhores componentes UIdo mercado
Cross Browser         Funciona até          no IEca 6!         Não precisa              ficar         esquentando          ...
XML  ouJSON
FácilIntegração
Pode integrar código!
Ext JS 4      +CoffeeScript?
Ext JS 4   +NodeJS?
Recursos doFramework
Orientado a ObjetosExt.define(MyApp.CustomerPanel, {    extend: Ext.panel.Panel,    // etc.});
Carregamento      DinâmicoExt.Loader.setConfig({    enabled: true});Ext.Loader.setPath(Ext.ux, ../ux);Ext.require([    Ext...
Data Package   Field                ReaderValidation    Model                        WriterAssociation   Proxy            ...
Model FieldsExt.define(User, {    extend: Ext.data.Model,    fields: [        {name: id, type: int},        {name: name, t...
Ext.define(User, {    extend: Ext.data.Model,    fields: [id, name],                              Model     hasMany: Posts...
{    id: 1                                   Nested    name: Loiane,    posts: [        {                                 ...
Proxy   AJAX           RESTLocal Storage (Memory &      JSON-P  HTML 5)
Componentes
Grid
Tree
Form + Validação    Nativa
Data View
Toolbar + Buttons
Gerenciador de Layout
Acessibilidade   (ARIA)
Desenhos
Charts
TemasCSS 3
Arquitetura MVC
ModelView           Controller
LicençaUS$ 595 por Dev
Ext JS Package
Foruns
http://www.sencha.com/        forum/    Oficial - Inglês
http://extjs.com.br/Comunidade Brasileira!
contato = {  email: ‘curso@extjs4.com’,  blog: ‘loiane.com’,  facebook: ‘facebook.com/loianegroner’,  twitter: ‘@loiane’, ...
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 01 - Introdução
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 01 - Introdução
Curso ExtJS 4 - Aula 01 - Introdução
Curso ExtJS 4 - Aula 01 - Introdução
Curso ExtJS 4 - Aula 01 - Introdução
Upcoming SlideShare
Loading in …5
×

Curso ExtJS 4 - Aula 01 - Introdução

23,458 views

Published on

Slides da aula 01 do curso gratuito de Ext JS 4 - Introdução e overview do Ext JS 4 - http://loiane.com

Published in: Technology
  • Be the first to comment

Curso ExtJS 4 - Aula 01 - Introdução

  1. 1. Curso Ext JS 4Introdução Loiane Groner http://loiane.com
  2. 2. Mas o queé Ext JS?
  3. 3. http://sencha.com
  4. 4. 1milhão de desenvolvedoresRIA JS FrameworkMelhores componentes UIdo mercado
  5. 5. Cross Browser Funciona até no IEca 6! Não precisa ficar esquentando a cabeça!
  6. 6. XML ouJSON
  7. 7. FácilIntegração
  8. 8. Pode integrar código!
  9. 9. Ext JS 4 +CoffeeScript?
  10. 10. Ext JS 4 +NodeJS?
  11. 11. Recursos doFramework
  12. 12. Orientado a ObjetosExt.define(MyApp.CustomerPanel, { extend: Ext.panel.Panel, // etc.});
  13. 13. Carregamento DinâmicoExt.Loader.setConfig({ enabled: true});Ext.Loader.setPath(Ext.ux, ../ux);Ext.require([ Ext.grid.*, Ext.data.*, Ext.ux.RowExpander,]);
  14. 14. Data Package Field ReaderValidation Model WriterAssociation Proxy Store Sorter Grouper Filter
  15. 15. Model FieldsExt.define(User, { extend: Ext.data.Model, fields: [ {name: id, type: int}, {name: name, type: string} ]});
  16. 16. Ext.define(User, { extend: Ext.data.Model, fields: [id, name], Model  hasMany: Posts Association}); Ext.define(Post, { extend: Ext.data.Model, fields: [id, user_id, title, body],  belongsTo: User, hasMany: Comments}); Ext.define(Comment, { extend: Ext.data.Model, fields: [id, post_id, name, message],  belongsTo: Post});
  17. 17. { id: 1 Nested name: Loiane, posts: [ { Data id : 12, title: New features in Ext JS 4, body : Ext JS 4 is the most..., comments: [ { id: 123, name: Someone, message: Great Post! } ] } ]}
  18. 18. Proxy AJAX RESTLocal Storage (Memory & JSON-P HTML 5)
  19. 19. Componentes
  20. 20. Grid
  21. 21. Tree
  22. 22. Form + Validação Nativa
  23. 23. Data View
  24. 24. Toolbar + Buttons
  25. 25. Gerenciador de Layout
  26. 26. Acessibilidade (ARIA)
  27. 27. Desenhos
  28. 28. Charts
  29. 29. TemasCSS 3
  30. 30. Arquitetura MVC
  31. 31. ModelView Controller
  32. 32. LicençaUS$ 595 por Dev
  33. 33. Ext JS Package
  34. 34. Foruns
  35. 35. http://www.sencha.com/ forum/ Oficial - Inglês
  36. 36. http://extjs.com.br/Comunidade Brasileira!
  37. 37. contato = { email: ‘curso@extjs4.com’, blog: ‘loiane.com’, facebook: ‘facebook.com/loianegroner’, twitter: ‘@loiane’, github: ‘loiane’} Obrigada!

×