codementor office hours: sencha ext js 101 - building apps for multiple platforms
TRANSCRIPT
Copyright Sencha Inc. 2014
Hi, I’m Art!Arthur Kay
Developer Relations Mgr
Sencha, Inc
www.akawebdesign.com
@arthurakay
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 FREE TODAY
EXT JS 5 | TRY IT TODAY
EXT JS 5 | AGENDA
What is Ext JS?
Features
Live Demo
Overview
History
Goals
Resources
Q & A
EXT JS 101 LEARN MORESENCHA AT A GLANCE
Leader in Commercial Grade JavaScript
and HTML5 Development
More than 60% of the Fortune 100 as clients
Ext JS 5.x
Sencha Touch
2.x
GXT 3.x
Architect 3.x
Animator 1.x
Cmd 5.x
Space 1.x
DEVELOPDESIGN DEPLOY
SENCHA | AT A GLANCE
EXT JS 5 | BUSINESS GOALS
Multiple Device Deployment
Evolutionary, not Revolutionary
Improved Developer Productivity
Backwards and Forwards
Compatibility
• Enterprise widget framework
• Scalable application
architecture
• Wide browser support
• Customizable themes
EXT JS 5 | WHAT IS EXT JS?
• Core JavaScript library
• Assemble as you go
• Modern browser only
• No built-in themes
http://arstechnica.com/information-technology/2014/07/windows-8-x-internet-explorer-both-flatline-in-june/
EXT JS 5 | LEGACY BROWSERS
EXT JS 5 | WHAT’S NEW
Tablet Support
New Themes
2 Way Data Binding
Widgets++
Routing
MVVM Architecture
EXT JS 5 | TABLET SUPPORT
Support for touch-based gestures
New themes that improve
touch interface
Minimal effort to make existing
apps touch-compatible
TABLET SUPPORT
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
EXT JS 5 | TWO-WAY DATA BINDING
2
6
Translates your app’s URL into Actions and Methods
Support for multiple routes usinga single URI
Enables deep linking inside an app
ROUTING
http://www.example.com/apps/stocks#aapl/01012014
EXT JS 5 | URL ROUTING
RESOURCES
• Ext JS Kitchen Sink demo
• http://www.sencha.com/products/extjs/#resources
• http://docs.sencha.com/extjs/5.0/
• http://www.sencha.com/blog/announcing-sencha-ext-js-5