Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sencha

 Sencha

Lee Boonstra

March 13, 2015
Tweet

More Decks by Lee Boonstra

Other Decks in Technology

Transcript

  1. Copyright Sencha Inc. 2015
    Sencha
    Director of Sales EMEA
    Sales Engineer & Trainer EMEA
    Danny McLaughlin
    Lee Boonstra

    View Slide

  2. Copyright Sencha Inc. 2015
    Agenda
    •  Introductions
    •  Company overview
    •  Sencha platform in detail
    •  Sencha Ext JS vs Angular JS and Kendo UI
    •  Platform roadmap
    •  Support, training and services

    View Slide

  3. Copyright Sencha Inc. 2015
    Sencha Overview
    Technical Facts
    Over a decade of expertise in
    modern web technology
    Leaders in driving modern web
    applications with JavaScript and
    CSS
    Market leading JavaScript
    frameworks
    !
    Background Facts
    Founded in 2007
    Headquarters in Redwood City, CA
    More than 100 employees across 8
    countries
    Funded by Sequoia Capital, Jafco
    Ventures, Radar Partners
    !
    Customer Facts
    60%+ of the Fortune 100 as
    customers
    More than 10,000 enterprise
    customers
    Worldwide developer community
    more than 2M strong
    Billions of dollars transacted or
    supported by Sencha-based
    applications every day
    !

    View Slide

  4. Copyright Sencha Inc. 2015
    Time To Market
    Deliver on Time
    Developer Time and Productivity
    Profitability
    Right Experience on the Right Screen
    Customer Satisfaction
    Differentiation
    Compelling Value
    Today’s Challenges
    Web Application
    Priorities

    View Slide

  5. Copyright Sencha Inc. 2015
    Today’s Web Application World is Highly Complex
    ?
    ?
    ?

    View Slide

  6. Copyright Sencha Inc. 2015
    Increased costs
    Increased risk
    Lower productivity
    Delayed time to market
    $ $$ $$$ $$$$
    Design & Develop Phase!
    Deploy & Manage Phase!
    And Siloed Approaches to Managing Multiple Devices/Platforms Cost the Enterprise

    View Slide

  7. Copyright Sencha Inc. 2015
    The Sencha Mission
    Enable enterprises to seamlessly:
    build | deploy | manage
    web applications
    The right experience
    On the right screen
    At the right time

    View Slide

  8. Copyright Sencha Inc. 2015
    Seamlessly deploy web
    applications to mobile devices,
    tablets and the desktop
    Improve web application control
    and analysis while maintaining
    user flexibility and increasing
    IT/Business collaboration
    Deploy & Manage
    Design visually compelling web
    applications using pre-built
    and pre-tested components
    Improve design process through
    tools that make it faster and easier
    to mockup, style, prototype, and
    evaluate interface designs!
    Design
    Accelerate application
    development by utilizing an
    enterprise-ready framework
    Improve development efficiency
    by developing once for multiple
    platforms and devices
    Develop
    Why Sencha

    View Slide

  9. Copyright Sencha Inc. 2015
    Sencha’s Web Application Lifecycle Management Platform
    Design
    Prototype | Theme
    Manage
    Secure | Deploy | Analyze
    Develop
    SDK (Ext JS / GXT) | Test | Tools
    Enterprise Workflow Integration
    IDE | Backend Connectivity | Build/CI
    Education & Support
    Implementation &
    Customization Services

    View Slide

  10. Copyright Sencha Inc. 2015
    Sencha: A Holistic Solution for Web Application Lifecycle Management
    $ $$ $$$ $$$$
    Design & Develop
    Deploy & Manage

    View Slide

  11. Copyright Sencha Inc. 2015
    Sencha: A Holistic Solution for Web Application Lifecycle Management
    $ $$ $$$
    $$$$
    Design & Develop
    Deploy & Manage
    Single platform for mobile, tablets
    and desktop lowers cost
    Comprehensive solution lowers risk
    and improves productivity
    Accelerates time to market by
    reducing development cycles

    View Slide

  12. Copyright Sencha Inc. 2015
    Market Leaders Use Sencha
    Transportation
    FSI CME
    Computer &
    Networking
    Healthcare

    View Slide

  13. Sencha Platform in Detail

    View Slide

  14. Copyright Sencha Inc. 2015
    Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Sencha Architect
    Sencha Architect
    Visual application builder for
    Sencha’s JavaScript SDKs
    Build the UI and code fully featured
    applications directly in Architect
    Theme designer
    Connect to backends easily
    Best practices generated code
    Teams can create their own
    templates, or use existing ones
    Support for custom user extensions
    Design
    Prototype | Theme

    View Slide

  15. Copyright Sencha Inc. 2015
    Sencha Architect
    Sencha Architect
    Sencha Architect
    Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme

    View Slide

  16. Copyright Sencha Inc. 2015
    Sencha Ext JS Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    A better way to
    build business apps
    Modern app
    framework
    Robust user
    interface library
    Thousands of documented
    APIs
    Rich data package
    Class-based architecture
    The industry’s most powerful
    app development framework
    Deliver solutions to the most
    platforms and browsers
    More than 150 user interface
    components, all designed to
    work together
    Complete set of components
    for building apps

    View Slide

  17. Copyright Sencha Inc. 2015
    Sencha Ext JS | Features Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    Class system
    Gesture system
    Data package
    Layouts
    Responsive configs
    Two-way data binding
    ARIA
    Component query
    Z-index manager
    MVC/MVVM architecture
    Routing
    Forms
    Enhanced grid
    Keyboard navigation
    Infinite scrolling
    Row editor
    Charting
    Drawing
    Theming
    Documentation
    Screen reader

    View Slide

  18. Copyright Sencha Inc. 2015
    Sencha Ext JS Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    2007 2009 2011 2014
    Ext JS 2.0 Ext JS 3.0 Ext JS 4.0 Ext JS 5.0
    Rich Internet Apps
    using JavaScript
    Robust user
    documentation
    APIs and samples
    REST support
    Ext.Direct server-side
    support
    Charts and graphs
    ListView
    Declarative class
    system
    MVC architecture
    Animation and
    drawing
    Two-way data binding
    MVVM architecture
    Tablet and touch
    screen support
    Routing

    View Slide

  19. Copyright Sencha Inc. 2015
    Sencha Ext JS | New Features Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    Touch screen support
    New themes
    Widgets
    Touch charts
    MVVM Architecture
    Two-way data binding
    Routing
    Session management
    Responsive config Dashboards
    5.0
    5.1
    Spreadsheet selection
    Clipboard plugin
    Draw improvements
    New components
    Device Profiles 3D Bar/Column Charts
    Scroller API Enhanced keyboard nav

    View Slide

  20. Copyright Sencha Inc. 2015
    Sencha Ext JS | Browsers Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    Safari 6+ Firefox IE 8+ Chrome Opera 12+ Safari on
    iOS 6+
    Chrome on
    Android 4.1+
    IE 10+ on
    Windows 8
    Deliver apps on the widest selection of
    browsers and operating systems with a
    single code base.
    Ext JS leverages HTML5 features on
    modern browsers while maintaining
    compatibility for legacy browsers.

    View Slide

  21. Copyright Sencha Inc. 2015
    Sencha Touch
    High performance mobile application framework
    Write applications once, in JavaScript, and leverage
    HTML5 capabilities on devices
    Themes for each platform
    Smooth scrolling and animations
    Multi-touch gestures and adaptive layouts
    Deploy applications inside of Sencha Space for a
    consistent, rich, secure runtime environment across all
    platforms and devices
    Android 2.3+ Windows Phone 8
    Tizen
    BlackBerry 10
    iOS 4+
    Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme

    View Slide

  22. Copyright Sencha Inc. 2015
    Sencha Touch
    Out of the box themes for each platform
    Themes can be easily customized to suit corporate styling and branding
    2
    2
    Default Cupertino Cupertino
    Classic
    Mountain
    View
    BlackBerry 10 Windows 8 Tizen
    Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme

    View Slide

  23. Copyright Sencha Inc. 2015
    Sencha GXT Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    2
    3
    Code in Java using Google Web Toolkit (GWT)
    Native GWT solution with no external
    JavaScript or third-party libraries
    High performance, customizable UI widgets
    Well designed, consistent and fully
    documented source
    Built-in support for RPC, RequestFactory,
    and JSON
    Compiles to optimized HTML and JavaScript
    Sencha GXT - Examples
    http://www.sencha.com/examples

    View Slide

  24. Copyright Sencha Inc. 2015
    Sencha GXT Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    2
    4
    Out of the box code completion and
    refactoring capabilities
    Makes use of the powerful cross-compiler
    in GWT to deliver optimized builds for each
    browser
    Robust data APIs
    Big data grids
    Cross platform browser compatibility
    Plugin-free charting

    View Slide

  25. Copyright Sencha Inc. 2015
    Sencha SDKs | Benefits
    Everything you need in one box - User
    Interface components, data layer, layout
    manager
    You’re not maintaining your own set of
    components
    Components are designed to work
    together, plus they look and function in a
    consistent manner
    Code is modular, making it more reusable
    Plenty of documentation and examples
    Development can be focused on your
    application logic rather than the
    framework that supports it
    Cross-platform development
    Large developer community, professional
    documentation, trained partners
    worldwide
    Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme

    View Slide

  26. Copyright Sencha Inc. 2015
    Sencha Space Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    Eliminate native packaging and multiple codebases
    Deliver HTML5 apps directly to end-users through a
    managed, secure runtime platform
    Helps protect your apps and data by
    Securing your application’s codebase
    Managing user access
    Remotely wiping your data from devices (mobile/desktop) as
    needed
    Encrypting and segregating your business data from other data
    on the device
    Leverage developer APIs for a rich application
    experience
    Easily manage and deploy web and HTML5 apps across mobile and desktop

    View Slide

  27. Copyright Sencha Inc. 2015
    Sencha Space Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    Eliminate native packaging and multiple codebases
    Deliver HTML5 apps directly to end-users through a
    managed, secure runtime platform
    Helps protect your apps and data by
    Securing your application’s codebase
    Managing user access
    Remotely wiping your data from devices (mobile/desktop) as
    needed
    Encrypting and segregating your business data from other data
    on the device
    Leverage developer APIs for a rich application
    experience
    Easily manage and deploy web and HTML5 apps across mobile and desktop

    View Slide

  28. Copyright Sencha Inc. 2015
    Sencha Space | What is it? Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    Management Console
    Sencha Space Client App

    View Slide

  29. Copyright Sencha Inc. 2015
    Sencha Space Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    1) Develop your apps with
    Sencha Space API
    Features
    2) Deploy your apps in
    Sencha Space
    3) Manage your application
    via the Space Admin Panel
    4) Auto distribute to various
    Sencha Space Clients
    (Desktop & Mobiles)

    View Slide

  30. Copyright Sencha Inc. 2015
    Sencha Space Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    Sencha Space clients for mobile and desktop!

    View Slide

  31. Copyright Sencha Inc. 2015
    Sencha Space Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    One code base.

    View Slide

  32. Copyright Sencha Inc. 2015
    Sencha Space Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    The review process of
    various app stores can
    take a lot of time!
    Sencha Space can deliver
    directly to all end users.
    Eliminate native packaging.

    View Slide

  33. Copyright Sencha Inc. 2015
    Sencha Space | Console Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    3
    3
    Provides centralized management of the user, data,
    and application lifecycles
    Improves efficiency of cross-platform application
    development, testing, maintenance and deployment
    Allows administrators to enforce policy consistently
    Set PIN strength
    Set user session length
    Block users and devices
    Deploy applications by user group
    Captures user, device (mobile/desktop), and
    application analytics

    View Slide

  34. Copyright Sencha Inc. 2015
    Sencha Space | Client app Manage
    Secure | Deploy | Analyze
    Develop
    SDK | Test | Tools
    Design
    Prototype | Theme
    Manages and secures use of HTML5 apps on mobile and tablet devices, and across Windows
    and Mac on the desktop
    Desktop client supports multiple windows and multiple tabs
    Enforces policies from central management console
    Modern browser engine (Chromium) on the desktop for more performant apps
    Provides developer API to OS/Device features for rich, modern user experience

    View Slide

  35. Sencha Ext JS
    vs.
    Angular JS and Kendo UI

    View Slide

  36. Copyright Sencha Inc. 2015
    Sencha | Comparison to Angular JS
    If you use Angular JS, you’ll need to adopt a selection of other libraries alongside it to
    match the basic capabilities that Sencha would otherwise offer in one solution

    View Slide

  37. Copyright Sencha Inc. 2015
    Sencha | Comparison to Angular JS
    If you use Angular JS, you’ll need to adopt a selection of other libraries alongside it to
    match the basic capabilities that Sencha would otherwise offer in one solution
    This adds extra complexity throughout the whole development lifecycle:
    •  To be effective, developers need to know the ins and outs of all these other libraries
    •  What happens when a new version of one library is released? Will a new version work
    with all the other pieces?
    •  When used together, there is no common architecture or coding style, so apps can
    quickly become spaghetti-like if not maintained and managed properly

    View Slide

  38. Copyright Sencha Inc. 2015
    Sencha | Comparison to Angular JS
    If you use Angular JS, you’ll need to adopt a selection of other libraries alongside it to
    match the basic capabilities that Sencha would otherwise offer in one solution
    This adds extra complexity throughout the whole development lifecycle:
    •  You often get overlaps or duplication of some functionality between libraries
    •  You will likely end up with an app that doesn’t promote code reuse. It will be more of a
    declarative approach as opposed to a class-based approach
    •  Who do you contact if there is an urgent issue that needs resolving? Most of these
    libraries are open source so have no formal, structured, support offerings

    View Slide

  39. Copyright Sencha Inc. 2015
    Sencha | Comparison to Angular JS
    If you use Angular JS, you’ll need to adopt a selection of other libraries alongside it to
    match the basic capabilities that Sencha would otherwise offer in one solution
    This adds extra complexity throughout the whole development lifecycle:
    •  You effectively end up building and maintaining your own framework, as you are
    managing how all of these libraries coexist and behave together
    •  Performance problems can sometimes occur if not implemented properly, due to the
    amount of libraries and resources being used by the application

    View Slide

  40. Copyright Sencha Inc. 2015
    Angular JS | When used with Kendo UI
    Kendo UI can provide a good set of UI components that work on top of Angular JS, however
    in its documentation, Telerik cautions developers about the cross-over and duplication in
    some functionality and features:
    Kendo UI can be used seamlessly with Angular JS. The two
    frameworks have some overlapping features though…


    Telerik documentation
    docs.telerik.com/kendo-ui/AngularJS/introduction

    View Slide

  41. Copyright Sencha Inc. 2015
    Angular JS | When used with Kendo UI
    And when you rely on libraries from different providers, compatibility issues can occur when
    new versions of a library are released, as this post on Telerik’s forums illustrates:
    Question:
    Response from Telerik:
    We are using kendo grid (version Q2 2014) with angular js (version 1.3 - used for my current
    project). Kendo grid is rendering the data properly but we are having issues in fetching the
    selected table row index and its associated data using k-on-change event…
    Source: telerik.com/forums/kendo-grid-with-angularjs-issue
    …most probably you are hitting this breaking change which was introduced in Angular 1.2.24:
    https://github.com/angular/angular.js/issues/9220. Because of it, if you try to access `selected`
    in a template, for example to pass it as argument to a function, you'll get that security error…
    My recommendation is to stay on Angular < 1.2.24 for the current version of Kendo. We're in
    the process of switching to 1.3 for the next version…

    View Slide

  42. Copyright Sencha Inc. 2015
    Angular JS | What others are saying
    Angular JS may be great for websites and for the prototyping of apps, but can’t really scale
    well when needing to build enterprise-class business applications:
    Angular creates a good “wow-effect”, when you see it for the first
    time… but as soon as you have to implement a real application,
    but not another TODO-list, then it all becomes very frustrating.


    Egor Koshelko
    medium.com/@mnemon1ck
    Angular.js is "good enough" for majority of projects, but it is not good
    enough for professional web app development. When I say "professional
    web app" I mean the app, which is maintainable in a long run, performant
    in all reasonably modern browsers, has a smooth UX and is mobile-friendly.


    Alexey Migutsky
    fse.guru/2-years-with-angular
    Another developer writes:

    View Slide

  43. Copyright Sencha Inc. 2015
    Angular JS | What others are saying
    Our goal with Angular 2 is to make the best possible set of tools
    for building web apps not constrained by maintaining
    backwards compatibility with existing APIs.


    Igor Minar, Angular JS team at Google
    angularjs.blogspot.com
    Backwards compatibility is also going to be an issue with Angular JS 2, due to the rewrite:
    So, if longevity of applications is important to you, Angular JS may not be a good choice:
    •  Internet Explorer 8 is no longer supported by Angular JS, even though this is still
    (unfortunately) a widely used web browser in many enterprises today. Google’s main
    interests lie with Google Chrome.
    •  Version 2 of Angular JS is not going to be backwards compatible with version 1.
    Applications have to be re-written.

    View Slide

  44. Copyright Sencha Inc. 2015
    Sencha | Ext JS compared to other UI libraries
    Companies like Netflix make use of Angular JS on their consumer facing website, but for
    line of business apps you need a stable structure and rich set of components that is able to
    cope with displaying large datasets in an efficient manner, without impairing performance.
    For example:
    Ext JS includes a grid that buffers its rendering of
    data to the DOM.
    This means that out of a dataset of 100,000
    records, about 30 – 40 rows may be rendered to
    the grid at a time, to optimize performance.
    As the user scrolls down, new rows are
    dynamically added, and old ones removed.
    Bootstrap UI is just HTML, so all data will be rendered
    to the DOM.
    This means that out of a dataset of 100,000 records,
    the entire dataset gets rendered to the page.
    This can severely impact performance, especially
    when there are other heavy components on the page.
    +

    View Slide

  45. Copyright Sencha Inc. 2015
    Google vs. Sencha
    Google’s core business is around search
    and advertising related technologies, not
    application frameworks
    Majority of revenue comes from its
    AdWords technology
    If you need help with products like
    Angular JS, you have to use a third-party
    company or community forums like Stack
    Overflow
    Sencha’s core business is to offer the
    frameworks and tools that enable
    enterprise developers to produce and
    maintain business applications
    Founded in 2007. Around 120 employees
    globally, the large majority of which are
    core engineers, support, professional
    services and training

    View Slide

  46. Copyright Sencha Inc. 2015
    Sencha | Comparison To Micro Frameworks

    View Slide

  47. Copyright Sencha Inc. 2015
    Features Ext JS 5 Angular Ember jQuery UI Backbone Bootstrap
    Interface
    Elements
    Basic Widgets x x x
    Compound Widgets x x
    Visualizations x
    Containers & Windows x x x
    Themes x x x
    Styles x x x
    View
    System
    Layout Manager x x
    Interactions x x x
    Drawing x
    Templating x x x
    Visual Effects x x x x
    Localization x x x x
    Accessibility x x x
    Logic
    & Data
    State Manager x x x x
    Data Binding x x x
    Modularity x x x
    Testing x x x
    Data Objects x x
    Data Models & Stores x x x
    Server i/o
    Server Calls/XHR x x x x
    Server Method Invocation x
    Sockets x
    Sencha | Comparison To Micro Frameworks

    View Slide

  48. Copyright Sencha Inc. 2015
    Sencha | Benefits
    Most comprehensive framework approach
    Embrace of open standards
    Continued support of IE8 in Ext JS as a first
    class browser
    High performance data package
    High performance, fully featured grids
    Wide swathe of community extensions and
    plugins available
    Common architecture across all
    components and classes
    No duplication of functionality
    Everything works the same way
    Patch and minor releases whose code has
    undergone system testing as a whole
    Single coding style
    Technical support, large developer
    community, professional documentation,
    trained partners worldwide

    View Slide

  49. Copyright Sencha Inc. 2015
    Summary | What happens when you mix libraries?
    No common architecture
    Duplication of functionality
    Subtly different functionality
    Uncoordinated release cycles
    Varying source code styles
    Assemble as you go
    What happens when you
    mix and match libraries?

    View Slide

  50. Copyright Sencha Inc. 2015
    One framework. No dependencies.

    View Slide

  51. Recent Releases
    and Platform Roadmap
    End-to-end Development / Deployment / Management
    tools and capabilities for building desktop and mobile
    apps that run on every browser (including legacy)
    and every device used by the enterprise.
    THE SENCHA PLATFORM
    Web Application Life Cycle Management!

    View Slide

  52. Copyright Sencha Inc. 2015
    Recent Releases | Sencha Ext JS 5
    Ext JS 5.0 (released Q3 2014)
    Touch screen support!
    New themes!
    Widgets!
    Touch charts!
    Responsive configuration!
    MVVM architecture!
    Two-way data binding!
    Routing!
    Session management!
    Dashboards!
    Ext JS 5.1 (released Q4 2014)
    Spreadsheet selection!
    Clipboard plugin!
    Device profiles!
    Scroller API!
    Draw package improvements!
    New components!
    3D bar and column charts!
    Enhanced keyboard navigation!
    Pivot Grid component (March 16th 2015)
    Aggregate Ext JS grid data!
    Sort, group and filter dimensions!
    Lock/unlock columns, group rows/
    columns!
    Different aggregate views: outline or
    compact!
    Sub-totals and grand totals!
    Sum, Avg, Min, Max, Count or custom
    aggregation functions!
    Excel export!
    RTL support!

    View Slide

  53. Copyright Sencha Inc. 2015
    Sencha Ext JS | Touch screen support
    Touch screen support
    Tablets and touch screen laptops
    Touch-based gestures and momentum
    scrolling
    Minimal effort to make existing apps
    touch-compatible

    View Slide

  54. Copyright Sencha Inc. 2015
    Sencha Ext JS | Themes
    Themes
    Crisp and Neptune Touch themes
    Improve touch interface usage

    View Slide

  55. Copyright Sencha Inc. 2015
    Sencha Ext JS | Widgets
    Widgets
    A lightweight component that can be
    created at minimal cost
    Can be used in Grids where multiple
    instances of components may need to
    be shown in each column’s cells

    View Slide

  56. Copyright Sencha Inc. 2015
    Sencha Ext JS | Widgets

    View Slide

  57. Copyright Sencha Inc. 2015
    Sencha Ext JS | Charts
    Charts
    New touch-enabled charting package,
    Sencha Charts
    Separate Kitchen Sink for showcasing
    all the new Chart components
    Two charting packages initially, to help
    with application upgrades

    View Slide

  58. Copyright Sencha Inc. 2015
    Sencha Ext JS | Responsive Config
    Responsive Config
    New plugin that can be added to
    component instances.
    Enforces how the component is
    configured under different conditions.

    View Slide

  59. Copyright Sencha Inc. 2015
    Sencha Ext JS | Responsive Config

    View Slide

  60. Copyright Sencha Inc. 2015
    Sencha Ext JS | MVVM
    MVVM
    Enables two-way data binding
    Separation of concerns
    More scalable and modular app
    development

    View Slide

  61. Copyright Sencha Inc. 2015
    Sencha Ext JS | Two-way data binding
    Two-way data binding
    Live synchronization between Views
    and Models
    Computed values and fields
    Save time and reduce errors through
    less custom code

    View Slide

  62. Copyright Sencha Inc. 2015
    Sencha Ext JS | Routing
    Routing
    Translates your app’s URL into
    Controller Actions and Methods
    Support for multiple routes using
    a single URI
    Enables deep linking and browser
    history support

    View Slide

  63. Copyright Sencha Inc. 2015
    Sencha Ext JS | Session management
    Session management
    Transactional data stores
    Fewer round-trips to the server
    More robust application behaviors

    View Slide

  64. Copyright Sencha Inc. 2015
    Sencha Ext JS | Dashboards
    Dashboards
    New Dashboard component adds full
    support for portal layouts
    Resizable columns, column creation via
    drag/drop, and item persistence

    View Slide

  65. Copyright Sencha Inc. 2015
    Sencha Ext JS | Spreadsheet selection
    Spreadsheet selection
    New selection model
    Mimics the selection of cells, rows and
    columns of a spreadsheet

    View Slide

  66. Copyright Sencha Inc. 2015
    Sencha Ext JS | Clipboard plugin
    Clipboard plugin
    Can be used in conjunction with the
    spreadsheet selection model
    Enables copy/paste of data to and
    from external applications
    Use keyboard commands to perform
    copy/paste

    View Slide

  67. Copyright Sencha Inc. 2015
    Sencha Ext JS | Draw improvements
    Draw improvements
    Support for sprite events
    Hit testing and path intersections
    Allows for more complex diagramming
    functionality

    View Slide

  68. Copyright Sencha Inc. 2015
    Sencha Ext JS | New components
    New components
    Advanced color picker component
    Rating widget

    View Slide

  69. Copyright Sencha Inc. 2015
    Platform Roadmap | Sencha Ext JS
    Sencha Ext JS evolves to power UI:
    •  Pivot Grid, Power Grid
    •  Calendar, Gantt
    •  Charts & Visualization
    •  Geo Mapping
    •  App Templates
    Sencha Ext JS apps will work on:
    •  Every Browser (Modern & Legacy)
    •  Every Platform (Operating Systems)
    •  Every Device (Desktops, Tablets, Smart Phones)

    View Slide

  70. Copyright Sencha Inc. 2015
    Platform Roadmap | Sencha Ext JS
    Ext JS 6.0
    Unified Ext JS 5.1 & Touch 2.4!
    •  Unified Core!
    •  Desktop Support for Touch Components!
    •  Executive Dashboard Example (Across Desktop, Tablet,
    and Smart Phone)!
    •  Common Unification Theme!
    Theming System Update (Fashion)!
    App Template (Bootstrap Like)!
    Enhancements:!
    •  Spreadsheet Selection Model Features!
    Ext JS 6 +
    Unified Component Tree!
    More App Templates!
    New Components:!
    •  Calendar!
    •  Gantt Chart & Scheduler!
    •  Maps Package!
    •  Excel Export!
    Enhancements:!
    •  Charting Package (Sencha Charts)!
    !
    * Showcase at SenchaCon 2015, release end of Q2

    View Slide

  71. Copyright Sencha Inc. 2015
    Platform Roadmap | Sencha Ext JS
    Ext JS 6.0 – in detail
    •  Ext JS 5.1 & Touch 2.4 in One Box!
    – Unified Core Components!
    • Class / Config System!
    • Dynamic Loader!
    • Low Level Utilities!
    • XTemplates!
    • Data Package!
    • Gesture & Events!
    • MVC / MVVM!
    – Desktop Support for Touch Components!
    – Executive Dashboard Example (Across Desktop,
    Tablet, and Smart Phone)!
    •  Theming System Update (Fashion)!
    •  App Template (Bootstrap Like)!
    •  Common Theme for Ext JS & Touch Components!
    – Potentially Use Crisp for Touch Components!
    •  Spreadsheet Selection Model Enhancements!
    * Showcase at SenchaCon 2015, release end of Q2

    View Slide

  72. Copyright Sencha Inc. 2015
    Platform Roadmap | Sencha Ext JS
    Bootstrap-like app template

    View Slide

  73. Copyright Sencha Inc. 2015
    Platform Roadmap | Sencha GXT
    GXT 4.0 – SenchaCon 2015
    •  Touch Support (Tablets & Touch Enabled Laptops)!
    – Gesture System!
    – Momentum Scrolling!
    – Touch Equivalent Theme (Neptune or Crisp)!
    – Enable Touch Support in Charts!
    •  Responsive Config!
    •  Executive Dashboard App!
    GXT 5.0 – TBD
    •  Single SDK for All Devices!
    – Component Tree for Smart Phones!
    •  Accessibility Support (Port from 2.x)!
    •  App Templates (Bootstrap Like)!
    •  New Components!
    – Calendar!
    – Gantt Chart & Scheduler!
    – Maps Package!
    – Excel Export!
    •  Enhancements!
    – Charting Package!

    View Slide

  74. Copyright Sencha Inc. 2015
    Platform Roadmap | Sencha Tools
    SDKs to embrace IDEs via plugins:!
    •  IntelliJ!
    •  Eclipse!
    •  Visual Studio!
    !
    CMD UI to interface with IDEs:!
    •  IDE plugin integrations!
    •  SDK specific functionalities!
    •  Sencha Space integration!
    !
    Test Sencha apps with Siesta:!
    •  Web based testing tool!
    •  Perform testing on the DOM!
    •  Simulate user interactions!
    •  Record and generate UI test scripts!
    •  Generates code coverage reports!
    •  Can be automated using Selenium or
    PhantomJS!

    View Slide

  75. Copyright Sencha Inc. 2015
    Platform Roadmap | Sencha Tools
    SenchaCon 2015 (IntelliJ Plugin & CMD UI)
    •  IntelliJ Plugin!
    – Code Completion / Intellisense!
    – Code Navigation / Syntax Highlighting!
    – Template Generation!
    – Context Sensitive Help (Linked API Docs)!
    – Code Profiling / Analysis!
    – Code Refactoring!
    •  CMD UI!
    – Code Minification!
    – Build Optimization / Generation!
    – Config File Editor!
    – Status, Logs & Error Management!
    – IntelliJ Plugin Integration!
    – Native Packaging!
    End of Year 2015 (Other Plugins)
    •  Eclipse Plugin!
    – Feature Parity with IntelliJ Plugin!
    – Integration with CMD UI!
    •  Visual Studio Plugin!
    – Feature Parity with IntelliJ Plugin!
    – Integration with CMD UI!

    View Slide

  76. SenchaCon

    View Slide

  77. Copyright Sencha Inc. 2015
    SenchaCon 2015 | Sencha’s annual conference
    Santa Clara Convention Center: April 7-9, 2015
    Theme: Design, Develop, Deploy
    Exposure to hundreds of HTML5 and JavaScript
    developers from leading enterprises across the world

    View Slide

  78. Copyright Sencha Inc. 2015
    SenchaCon 2015 | Ways to get involved
    Attend – tickets available now
    Become an event sponsor – get exposure to expert
    HTML5 and JavaScript developers

    View Slide

  79. Support, Training and
    Professional Services

    View Slide

  80. Copyright Sencha Inc. 2015
    Support & Maintenance
    Subscription-based support and maintenance service available to commercial license
    holders, provides access to software patches and updates
    Technical advice for all stages of application development process, from design through to
    deployment
    Support plans provide:
    Free upgrade to next major release
    Access to Premium Forums
    Early access to custom bug fixes
    Access to online ticketing system
    Performance tuning
    Remote troubleshooting

    View Slide

  81. Copyright Sencha Inc. 2015
    Training
    Comprehensive training programs for developers of all experience levels
    Helps with overcoming learning curve
    Delivered onsite, public, and online
    Fast Track to
    Ext JS
    Fast Track to
    Sencha GXT
    Fast Track to
    Sencha Touch
    and
    Sencha Architect
    Fast Track to
    Ext JS
    and
    Sencha Architect
    Ext JS 5 Update
    and Migration
    from Ext JS 4

    View Slide

  82. Copyright Sencha Inc. 2015
    Training | Upcoming classes in Europe
    Apr 20th – May 1st: Fast Track to Ext JS 5 and Sencha Architect (Online Course)
    May 27th – May 29th: Essential Ext JS 5 Training (Zurich, Switzerland)
    June 8nd – June 12th: Essential Ext JS 5 Training (Amsterdam, The Netherlands)

    View Slide

  83. Copyright Sencha Inc. 2015
    Professional Services
    8
    3
    The Sencha Professional Services team stands ready to provide you and your team with
    hands-on expert assistance in the use of Sencha frameworks and tools
    Enterprise mentoring and architectural planning
    Embedded development expertise
    Code review and best practices knowledge transfer
    Custom application and component development

    View Slide

  84. Copyright Sencha Inc. 2015
    One framework. No dependencies.

    View Slide