Intro to Ext JS 4

Ext JS 4.0 Ed Spencer @edspencer

Ext JS 3.x

Ext JS 3.x 1M developers

Ext JS 3.x 1M developers Richest UI components

Ext JS 3.x 1M developers Richest UI components Strong data package

Ext JS 4.x

Ext JS 4.x Faster

Ext JS 4.x Faster More stable

Ext JS 4.x Faster More stable Easier to learn and use

Faster

Layouts

Layouts Speed Flexibility Ext 2 Ext 3 Ext 4

Layouts

Layouts Layout engine rewritten

Layouts Layout engine rewritten Same API

Layouts Layout engine rewritten Same API Faster than ever

Layouts Layout engine rewritten Same API Faster than ever New layout types

Code Performance

Code Performance Every class performance- tuned

Code Performance Every class performance- tuned Continual performance testing

Code Performance Every class performance- tuned Continual performance testing Feels much faster

More Stable

4000+ unit tests

Visual QA

Easier

Best documentation ever

Overhauled API

Examples

Examples Over 200 examples

Examples Over 200 examples Clean source code Clear explanations

Examples Over 200 examples Clean source code Clear explanations Integrated with API docs

Sample Applications

Guides

Upgrade Guide

API Improvements

Standardized API

Standardized API Clear naming conventions

Standardized API Clear naming conventions Simpliﬁed and streamlined

Standardized API Clear naming conventions Simpliﬁed and streamlined Published style guide

Simpler conﬁguration

Simpler conﬁguration Ext 3

Simpler conﬁguration Ext 4

Simpler conﬁguration Ext 3 Ext 4

faster, easier, more stable

7 more things

Charts

Charts JavaScript driven

Charts JavaScript driven Canvas/SVG/VML

Charts JavaScript driven Canvas/SVG/VML Extremely customizable

Charts

ARIA and RTL

ARIA and RTL 508a Compliance

ARIA and RTL 508a Compliance Right-to-left text support

ARIA and RTL 508a Compliance Right-to-left text support Excellent accessibility support

New Themes

Upgraded Components

RowEditor

TreeGrid

No more FormLayout

Advanced data package

Ext.data.Record Record Fields Data

Ext.data.Model Model Fields Data

Ext.data.Model Model Fields Data Associations

Ext.data.Model Model Fields Data Associations Proxy

New Proxies New Proxies Web SQL LocalStorage SessionStorage

New Proxies WebStorageProx Store data offline y WebSqlProxy

New Proxies WebStorageProx Store data offline y 1 line of conﬁg WebSqlProxy

New Proxies WebStorageProx Store data offline y 1 line of conﬁg Works transparently with WebSqlProxy other Proxies

Application Architecture Controller Model View

Application Architecture MVC Controller Model View

Application Architecture MVC Controller Common ﬁle structure Model View

Application Architecture MVC Controller Common ﬁle structure Best practices throughout Model View

Application Architecture MVC Controller Common ﬁle structure Best practices throughout Unit testing baked in Model View

Application Architecture MVC Controller Common ﬁle structure Best practices throughout Unit testing baked in Model View Generators & Build tools

Sencha Command

./sencha generate app Blog

Sencha Command Generators Application

Sencha Command Generators Application Model

Sencha Command Generators Application Model Controller

Sencha Command Generators Application Model Controller Store

Sencha Command Generators Application Model Controller Store View

Sencha Command Generators Application Model Controller Store View Only the beginning

7 more things

Release date

Release date First beta: 6 weeks

Release date First beta: 6 weeks 4.0 February 28th

Ext JS 4.0 Ed Spencer @edspencer

http://loianegroner.com	2769
http://myxaab.wordpress.com	1778
http://www.hbensalem.com	1146
http://www.loiane.com	548
http://kitakatsu.info	516
http://www.mrboolean.com	345
http://css.dzone.com	161
http://dev.sourcen.com	90
http://www.sourcen.com	54
http://feeds.feedburner.com	52
http://www.wooui.com:81	49
http://sourcen.com	21
url_unknown	13
http://webcache.googleusercontent.com	8
http://www.slideshare.net	5
http://translate.googleusercontent.com	4
http://localhost	3
file://	2
http://localhost:3000	2
http://wiki.onakasuita.org	2
http://cc.bingj.com	2
https://www.newscurve.com	1
http://www.netevader.com	1
http://feeds2.feedburner.com	1
http://207.46.192.232	1
http://static.slideshare.net	1
http://static.slidesharecdn.com	1
http://twitter.com	1

Intro to Ext JS 4

by Ed Spencer on Nov 18, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

28 Embeds 7,577

Statistics

Intro to Ext JS 4 — Presentation Transcript