@DanielJGallo Technical Sales Engineer at Sencha Based in the UK Using Sencha’s frameworks since 2009 Joined Sencha in early 2012 Background in web app development (ASP.NET C#)
IS EXT JS? 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
JS 5 | A HISTORY OF INNOVATION 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
FEATURES Touch screen support New themes Widgets Touch charts MVVM Architecture Two-way data binding Routing Session management Responsive config Dashboards
PLATFORMS 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 5 leverages HTML5 features on modern browsers while maintaining compatibility for legacy browsers.
DATA BINDING Live synchronisation between Views and Models Computed values and fields Save time and reduce errors through less custom code Two-way Data Binding Model Compile Change to Model updates View View Template Change to View updates Model Continuous updates. Model is Single-Source-of-Truth
SCREEN SUPPORT Tablets and touch screen laptops Touch-based gestures and momentum scrolling Minimal effort to make existing apps touch-compatible Touch Screen Support
Sencha Charts New touch-enabled charting package, Sencha Charts Separate Kitchen Sink for showcasing all the new Chart components Two charting packages initially Charts
http://www.example.com/apps/stocks#aapl/01012014 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 Routing
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 Widgets Widget Grid example
New Dashboard component adds full support for portal layouts Resizable columns, column creation via drag/drop, and item persistence Dashboards Dashboard example
PACKAGE IMPROVEMENTS Merge of the data packages from Sencha Touch and Sencha Ext JS in to a Sencha Core Package Many-to-many associations Chained Stores to allow multiple components to use the same dataset, but have different sorting, filtering and grouping defined Heterogenous Tree Stores mean trees can contain nodes of multiple types Custom field types for Models to help with validation Model Validation Binding to easily reflect validation results in the forms where values are displayed, so less custom code
command line tool that automates many application generation and deployment tasks Scaffold, build and minify projects Code generation tools JS compiler to create optimised builds Lightweight web server Native packaging for mobile apps Sencha Cmd
SENCHA Free extension for Google Chrome Enhances the Chrome Developer Tools Component Inspector - navigate through all the Sencha components Store Inspector - view the data stores in the app, and explore individual records Event monitor - record events App Inspector for Sencha demo
unit testing tool that works with Sencha frameworks Perform testing on the DOM Simulate user interactions Generates code coverage reports Can be automated using Selenium or PhantomJS Siesta
definitive directory of developers working with Sencha’s frameworks Developers from all over the world looking for interesting projects Clients looking for developers that match their project’s budget, location and skill requirements senchadevs.com
resource for finding and sharing of Sencha framework extensions, including: Architect 3 user extensions Components Data connectors Themes Tools market.sencha.com
programs for developers of all experience levels Helps with developer certification 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