Ext JS 4.0             Ed Spencer             @edspencer
Ext JS 3.x
Ext JS 3.x             1M developers
Ext JS 3.x             1M developers             Richest UI components
Ext JS 3.x             1M developers             Richest UI components             Strong data package
Ext JS 4.x
Ext JS 4.x             Faster
Ext JS 4.x             Faster             More stable
Ext JS 4.x             Faster             More stable             Easier to learn and use
Faster
Layouts
Layouts          Speed           Flexibility  Ext 2           Ext 3          Ext 4
Layouts          Speed           Flexibility  Ext 2           Ext 3          Ext 4
Layouts          Speed           Flexibility  Ext 2           Ext 3          Ext 4
Layouts
Layouts          Layout engine rewritten
Layouts          Layout engine rewritten          Same API
Layouts          Layout engine rewritten          Same API          Faster than ever
Layouts          Layout engine rewritten          Same API          Faster than ever          New layout types
Code Performance
Code PerformanceEvery class performance-tuned
Code PerformanceEvery class performance-tunedContinual performance testing
Code PerformanceEvery class performance-tunedContinual performance testingFeels much faster
More Stable
4000+ unit tests
Visual QA
Visual QA
Easier
Best documentation ever
Overhauled API docs
Overhauled API docs
Examples
Examples           Over 200 examples
Examples           Over 200 examples           Clean source code           Clear explanations
Examples           Over 200 examples           Clean source code           Clear explanations           Integrated with AP...
Sample Applications
Guides
Upgrade Guide
API Improvements
Standardized API
Standardized API               Clear naming conventions
Standardized API               Clear naming conventions               Simplified and streamlined
Standardized API               Clear naming conventions               Simplified and streamlined               Published st...
Simpler configuration
Simpler configuration
Simpler configuration            Ext 3
Simpler configuration            Ext 4
Simpler configuration    Ext 3          Ext 4
faster, easier, more stable
7 more things
1
Charts
Charts    JavaScript driven
Charts    JavaScript driven    Canvas/SVG/VML
Charts    JavaScript driven    Canvas/SVG/VML    Extremely customizable
Charts
Charts
Charts
Charts
Charts
2
ARIA and RTL
ARIA and RTL508a Compliance
ARIA and RTL508a ComplianceRight-to-left text support
ARIA and RTL508a ComplianceRight-to-left text supportExcellent accessibility support
3
New Themes
4
Upgraded Components
RowEditor
TreeGrid
5
No more FormLayout
6
Advanced data package
Ext.data.Record                Record       Fields            Data
Ext.data.Model                Model       Fields           Data
Ext.data.Model            Model   Fields   Data    Associations
Ext.data.Model                 Model Fields   Data           Associations   Proxy
New Proxies              New Proxies   Web SQL    LocalStorage   SessionStorage
New Proxies WebStorageProxy   Store data o ine  WebSqlProxy
New Proxies WebStorageProxy   Store data o ine                   1 line of config  WebSqlProxy
New Proxies WebStorageProxy   Store data o ine                   1 line of config                   Works transparently wit...
7
Application Architecture         Controller Model                View
Application Architecture                             MVC         Controller Model                View
Application Architecture                             MVC         Controller          Common file structure Model           ...
Application Architecture                             MVC         Controller          Common file structure                 ...
Application Architecture                             MVC         Controller          Common file structure                 ...
Application Architecture                             MVC         Controller          Common file structure                 ...
Sencha Command
./sencha generate app Blog
Sencha Command            Generators               Application
Sencha Command            Generators               Application               Model
Sencha Command            Generators               Application               Model               Controller
Sencha Command            Generators               Application               Model               Controller               ...
Sencha Command            Generators               Application               Model               Controller               ...
Sencha Command            Generators               Application               Model               Controller               ...
7 more things
Release date
Release date               First beta: 6 weeks
Release date               First beta: 6 weeks               4.0 February 28th
Ext JS 4.0             Ed Spencer             @edspencer
Introducing Ext JS 4
Introducing Ext JS 4
Introducing Ext JS 4
Introducing Ext JS 4
Introducing Ext JS 4
Introducing Ext JS 4
Upcoming SlideShare
Loading in …5
×

Introducing Ext JS 4

5,489 views

Published on

Be the first to get your hands on the new Ext JS 4. Ext JS 4 is a major advance in javascript frameworks providing significantly expanded and refactored functionality in practically every area of the product. We won't give away all the details just yet, come to the conference and find out!

Published in: Technology, Art & Photos
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,489
On SlideShare
0
From Embeds
0
Number of Embeds
1,221
Actions
Shares
0
Downloads
256
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Introducing Ext JS 4

  1. 1. Ext JS 4.0 Ed Spencer @edspencer
  2. 2. Ext JS 3.x
  3. 3. Ext JS 3.x 1M developers
  4. 4. Ext JS 3.x 1M developers Richest UI components
  5. 5. Ext JS 3.x 1M developers Richest UI components Strong data package
  6. 6. Ext JS 4.x
  7. 7. Ext JS 4.x Faster
  8. 8. Ext JS 4.x Faster More stable
  9. 9. Ext JS 4.x Faster More stable Easier to learn and use
  10. 10. Faster
  11. 11. Layouts
  12. 12. Layouts Speed Flexibility Ext 2 Ext 3 Ext 4
  13. 13. Layouts Speed Flexibility Ext 2 Ext 3 Ext 4
  14. 14. Layouts Speed Flexibility Ext 2 Ext 3 Ext 4
  15. 15. Layouts
  16. 16. Layouts Layout engine rewritten
  17. 17. Layouts Layout engine rewritten Same API
  18. 18. Layouts Layout engine rewritten Same API Faster than ever
  19. 19. Layouts Layout engine rewritten Same API Faster than ever New layout types
  20. 20. Code Performance
  21. 21. Code PerformanceEvery class performance-tuned
  22. 22. Code PerformanceEvery class performance-tunedContinual performance testing
  23. 23. Code PerformanceEvery class performance-tunedContinual performance testingFeels much faster
  24. 24. More Stable
  25. 25. 4000+ unit tests
  26. 26. Visual QA
  27. 27. Visual QA
  28. 28. Easier
  29. 29. Best documentation ever
  30. 30. Overhauled API docs
  31. 31. Overhauled API docs
  32. 32. Examples
  33. 33. Examples Over 200 examples
  34. 34. Examples Over 200 examples Clean source code Clear explanations
  35. 35. Examples Over 200 examples Clean source code Clear explanations Integrated with API docs
  36. 36. Sample Applications
  37. 37. Guides
  38. 38. Upgrade Guide
  39. 39. API Improvements
  40. 40. Standardized API
  41. 41. Standardized API Clear naming conventions
  42. 42. Standardized API Clear naming conventions Simplified and streamlined
  43. 43. Standardized API Clear naming conventions Simplified and streamlined Published style guide
  44. 44. Simpler configuration
  45. 45. Simpler configuration
  46. 46. Simpler configuration Ext 3
  47. 47. Simpler configuration Ext 4
  48. 48. Simpler configuration Ext 3 Ext 4
  49. 49. faster, easier, more stable
  50. 50. 7 more things
  51. 51. 1
  52. 52. Charts
  53. 53. Charts JavaScript driven
  54. 54. Charts JavaScript driven Canvas/SVG/VML
  55. 55. Charts JavaScript driven Canvas/SVG/VML Extremely customizable
  56. 56. Charts
  57. 57. Charts
  58. 58. Charts
  59. 59. Charts
  60. 60. Charts
  61. 61. 2
  62. 62. ARIA and RTL
  63. 63. ARIA and RTL508a Compliance
  64. 64. ARIA and RTL508a ComplianceRight-to-left text support
  65. 65. ARIA and RTL508a ComplianceRight-to-left text supportExcellent accessibility support
  66. 66. 3
  67. 67. New Themes
  68. 68. 4
  69. 69. Upgraded Components
  70. 70. RowEditor
  71. 71. TreeGrid
  72. 72. 5
  73. 73. No more FormLayout
  74. 74. 6
  75. 75. Advanced data package
  76. 76. Ext.data.Record Record Fields Data
  77. 77. Ext.data.Model Model Fields Data
  78. 78. Ext.data.Model Model Fields Data Associations
  79. 79. Ext.data.Model Model Fields Data Associations Proxy
  80. 80. New Proxies New Proxies Web SQL LocalStorage SessionStorage
  81. 81. New Proxies WebStorageProxy Store data o ine WebSqlProxy
  82. 82. New Proxies WebStorageProxy Store data o ine 1 line of config WebSqlProxy
  83. 83. New Proxies WebStorageProxy Store data o ine 1 line of config Works transparently with other WebSqlProxy Proxies
  84. 84. 7
  85. 85. Application Architecture Controller Model View
  86. 86. Application Architecture MVC Controller Model View
  87. 87. Application Architecture MVC Controller Common file structure Model View
  88. 88. Application Architecture MVC Controller Common file structure Best practices throughout Model View
  89. 89. Application Architecture MVC Controller Common file structure Best practices throughout Unit testing baked in Model View
  90. 90. Application Architecture MVC Controller Common file structure Best practices throughout Unit testing baked in Model View Generators & Build tools
  91. 91. Sencha Command
  92. 92. ./sencha generate app Blog
  93. 93. Sencha Command Generators Application
  94. 94. Sencha Command Generators Application Model
  95. 95. Sencha Command Generators Application Model Controller
  96. 96. Sencha Command Generators Application Model Controller Store
  97. 97. Sencha Command Generators Application Model Controller Store View
  98. 98. Sencha Command Generators Application Model Controller Store View Only the beginning
  99. 99. 7 more things
  100. 100. Release date
  101. 101. Release date First beta: 6 weeks
  102. 102. Release date First beta: 6 weeks 4.0 February 28th
  103. 103. Ext JS 4.0 Ed Spencer @edspencer

×