Copyright Sencha Inc. 2014

EXT JS 5Building Apps for Multiple Platforms

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

Sencha at a GlanceFounded in 2007

Backed by

Developers

WorldwideCommercia

l

Customers

10,0002,000,000

SENCHA | 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

SENCHA | EXT JS 5

EXT JS 5 | HISTORY

EXT JS 5 | BUSINESS GOALS

Multiple Device Deployment

Evolutionary, not Revolutionary

Improved Developer Productivity

Backwards and Forwards

Compatibility

Ext JS 101

Ext JS 5 New Features

• 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

EXT JS 5 | ANGULARJS

HTML-driven development

HTML Templating

Directives -> HTML compilatio

n

EXT JS 5 | COMPARISON

JavaScript-driven development

Components

Single Page Applications

EXT JS 5 | BROWSER SUPPORT

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

Crisp Neptune Touch

EXT JS 5 | THEMES

10 Customizable Themes

EXT JS 5 | RESPONSIVE LAYOUTS

EXT JS 5 | RESPONSIVE LAYOUTS

EXT JS 5 | CHARTS

Support for touch-based gestures

Extensible, Customizable

CHARTS

EXT JS 5 | GRID

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

Live Demo!

What could possibly go wrong?

• Ext JS 5

• Sencha Cmd 5

EXT JS 5 | LIVE DEMO

docs.sencha.com

Hello, World!

JS Compiler

Build Scripts

Application Tuning

Native Packaging

And MORE…

SENCHA CMD | LIVE DEMO

LEARN MORE

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

SenchaCon| April 7-9, 2015

www.senchacon.co

m

3

4

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