Curso ExtJS 4 - Aula 01 - Introdução

  • 20,574 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
20,574
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
298
Comments
0
Likes
4

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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