Copyright Sencha Inc. 2014
ANNOUNCING EXT JS 5
An overview of Sencha’s Application and UI Framework
Slide 2
Slide 2 text
Copyright Sencha Inc. 2014
Who am I?
Arthur Kay
Developer Relations Mgr
Sencha, Inc
www.akawebdesign.com
@arthurakay
Slide 3
Slide 3 text
3
!
Sencha is excited to announce the
release of Ext JS 5, the newest
version of our flagship application
development framework.
www.sencha.com/products/extjs
TRY IT TODAY
EXT JS 5 | TRY IT TODAY
Slide 4
Slide 4 text
EXT JS 5 | AGENDA
Browser Support
Deep Dive
Overview
History
Goals
Q & A
WHAT’S NEW RESOURCES
SENCHA AT A GLANCE
Slide 5
Slide 5 text
Sencha at a Glance
Founded in 2007
Backed by
Slide 6
Slide 6 text
Developers
Worldwide
Commercial
Customers
10,000
2,000,000
SENCHA | AT A GLANCE
Slide 7
Slide 7 text
Leader in Commercial Grade JavaScript
and HTML5 Development
More than 60% of the Fortune 100 as clients
Slide 8
Slide 8 text
Ext JS 5.0
Sencha Touch 2.3
Architect 3.0 Space 1.0
DEVELOP
DESIGN DEPLOY
SENCHA | AT A GLANCE
Slide 9
Slide 9 text
SENCHA | EXT JS 5
Slide 10
Slide 10 text
EXT JS 5 | EXT JS 5 BUSINESS GOALS
!
Multiple Device Deployment
Evolutionary, not Revolutionary
Improved Developer Productivity
Backwards and Forwards
Compatibility
Slide 11
Slide 11 text
EXT JS 5 | HISTORY
Slide 12
Slide 12 text
What’s New
Ext JS 5 New Features
Slide 13
Slide 13 text
EXT JS 5 | WHAT’S NEW
Tablet Support
New Themes
2 Way Data Binding
Widgets
Routing
MVVM Architecture
Slide 14
Slide 14 text
EXT JS 5 | WHAT’S NEW
Slide 15
Slide 15 text
EXT JS 5 | DEEP DIVEEP DIVE
Support for touch-based gestures
New themes that improve
touch interface
Minimal effort to make existing
apps touch-compatible
TABLET SUPPORT
Slide 16
Slide 16 text
Crisp Neptune Touch
EXT JS 5 | DEEP DIVE
NEW THEMES
Slide 17
Slide 17 text
MVC Architecture
Slide 18
Slide 18 text
MVVM Architecture
Slide 19
Slide 19 text
Two-Way Data Binding
Live synchronization between
Views and Models
Computed values and fields
Save time and reduce errors
TWO-WAY DATA BINDING
Model
Compile
Change to Model
updates View
View
Template
Change to View
update Model
Continuous Updates
Model is Single-Source-of-Truth
Slide 20
Slide 20 text
Responsive Layouts
Slide 21
Slide 21 text
Responsive Layouts
Slide 22
Slide 22 text
Updated Grid
Slide 23
Slide 23 text
2
3
!
Session Management
Transactional data stores
Fewer round-trips to the server
More robust application
behaviors
SESSION MANAGEMENT
Slide 24
Slide 24 text
2
4
!
Routing
Translates your app’s URL into
Actions and Methods
Support for multiple routes using
a single URI
Enables deep linking inside an app
ROUTING
http://www.example.com/apps/stocks#aapl/01012014