Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance...
Transcript of Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance...
![Page 1: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/1.jpg)
Javascript Showdown - ExtJS
Rob Hoelz
INOC
October 18th, 2011
Rob Hoelz Javascript Showdown - ExtJS
![Page 2: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/2.jpg)
ExtJS and I(NOC)
Rob Hoelz Javascript Showdown - ExtJS
![Page 3: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/3.jpg)
ExtJS Versions
Rob Hoelz Javascript Showdown - ExtJS
![Page 4: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/4.jpg)
The Good
Rob Hoelz Javascript Showdown - ExtJS
![Page 5: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/5.jpg)
Provides a large variety of widgets (especially Ext 4)
Rob Hoelz Javascript Showdown - ExtJS
![Page 6: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/6.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgets
Rob Hoelz Javascript Showdown - ExtJS
![Page 7: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/7.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgetsForms
Rob Hoelz Javascript Showdown - ExtJS
![Page 8: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/8.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgetsFormsCharts
Rob Hoelz Javascript Showdown - ExtJS
![Page 9: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/9.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgetsFormsChartsInfinite Grids
Rob Hoelz Javascript Showdown - ExtJS
![Page 10: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/10.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgetsFormsChartsInfinite Gridsand so on...
Rob Hoelz Javascript Showdown - ExtJS
![Page 11: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/11.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgetsFormsChartsInfinite Gridsand so on...
Because of its abundance of widgets, ExtJS is very good atsimulating a desktop-like UI.
Rob Hoelz Javascript Showdown - ExtJS
![Page 12: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/12.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgetsFormsChartsInfinite Gridsand so on...
Because of its abundance of widgets, ExtJS is very good atsimulating a desktop-like UI.
It has a very nice object system. (Ext 4.0)
Rob Hoelz Javascript Showdown - ExtJS
![Page 13: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/13.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgetsFormsChartsInfinite Gridsand so on...
Because of its abundance of widgets, ExtJS is very good atsimulating a desktop-like UI.
It has a very nice object system. (Ext 4.0)
It has module loading. (Ext 4.0)
Rob Hoelz Javascript Showdown - ExtJS
![Page 14: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/14.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgetsFormsChartsInfinite Gridsand so on...
Because of its abundance of widgets, ExtJS is very good atsimulating a desktop-like UI.
It has a very nice object system. (Ext 4.0)
It has module loading. (Ext 4.0)
Provides tools for doing MVC-style programming.
Rob Hoelz Javascript Showdown - ExtJS
![Page 15: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/15.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgetsFormsChartsInfinite Gridsand so on...
Because of its abundance of widgets, ExtJS is very good atsimulating a desktop-like UI.
It has a very nice object system. (Ext 4.0)
It has module loading. (Ext 4.0)
Provides tools for doing MVC-style programming.
It has a nice event system.
Rob Hoelz Javascript Showdown - ExtJS
![Page 16: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/16.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgetsFormsChartsInfinite Gridsand so on...
Because of its abundance of widgets, ExtJS is very good atsimulating a desktop-like UI.
It has a very nice object system. (Ext 4.0)
It has module loading. (Ext 4.0)
Provides tools for doing MVC-style programming.
It has a nice event system.
It has good documentation.
Rob Hoelz Javascript Showdown - ExtJS
![Page 17: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/17.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgetsFormsChartsInfinite Gridsand so on...
Because of its abundance of widgets, ExtJS is very good atsimulating a desktop-like UI.
It has a very nice object system. (Ext 4.0)
It has module loading. (Ext 4.0)
Provides tools for doing MVC-style programming.
It has a nice event system.
It has good documentation.
Style-able.
Rob Hoelz Javascript Showdown - ExtJS
![Page 18: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/18.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgetsFormsChartsInfinite Gridsand so on...
Because of its abundance of widgets, ExtJS is very good atsimulating a desktop-like UI.
It has a very nice object system. (Ext 4.0)
It has module loading. (Ext 4.0)
Provides tools for doing MVC-style programming.
It has a nice event system.
It has good documentation.
Style-able.
Form Builder.
Rob Hoelz Javascript Showdown - ExtJS
![Page 19: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/19.jpg)
Provides a large variety of widgets (especially Ext 4)All of your standard desktop UI widgetsFormsChartsInfinite Gridsand so on...
Because of its abundance of widgets, ExtJS is very good atsimulating a desktop-like UI.
It has a very nice object system. (Ext 4.0)
It has module loading. (Ext 4.0)
Provides tools for doing MVC-style programming.
It has a nice event system.
It has good documentation.
Style-able.
Form Builder.
Comes with a lot of utilities for things like DOM traversal,JSON parsing, etc.
Rob Hoelz Javascript Showdown - ExtJS
![Page 20: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/20.jpg)
ExtJS allows you to delegate actual widget creation to theframework:
var win = new Ext.Window({
layout: ’fit’,
items: [{
xtype: ’button’,
text: ’Click Me!’
}]
});
win.show();
Rob Hoelz Javascript Showdown - ExtJS
![Page 21: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/21.jpg)
In short, if you’re developing a Javascript-heavy applicationand you’re not doing anything too fancy, ExtJS is actually
pretty good.
Rob Hoelz Javascript Showdown - ExtJS
![Page 22: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/22.jpg)
The Bad
Rob Hoelz Javascript Showdown - ExtJS
![Page 23: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/23.jpg)
I just gave you the short version...
Rob Hoelz Javascript Showdown - ExtJS
![Page 24: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/24.jpg)
I just gave you the short version...The long version is a little more complicated.
Rob Hoelz Javascript Showdown - ExtJS
![Page 25: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/25.jpg)
ExtJS is okay (even enjoyable) to use as long as you’re notstraying too far from the framework.
Rob Hoelz Javascript Showdown - ExtJS
![Page 26: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/26.jpg)
ExtJS is okay (even enjoyable) to use as long as you’re notstraying too far from the framework.
And that is exactly what INOC’s applications tend to do.
Rob Hoelz Javascript Showdown - ExtJS
![Page 27: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/27.jpg)
Remember those MVC classes I mentioned earlier? It turnsout they’re pretty inflexible.
Rob Hoelz Javascript Showdown - ExtJS
![Page 28: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/28.jpg)
Remember those MVC classes I mentioned earlier? It turnsout they’re pretty inflexible.
Grouping grids are kind of broken
Rob Hoelz Javascript Showdown - ExtJS
![Page 29: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/29.jpg)
Remember those MVC classes I mentioned earlier? It turnsout they’re pretty inflexible.
Grouping grids are kind of broken
Finicky when it comes to configuration (To be fair, this hasimproved a lot since Ext 3; but it’s still not the best)
Rob Hoelz Javascript Showdown - ExtJS
![Page 30: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/30.jpg)
Remember those MVC classes I mentioned earlier? It turnsout they’re pretty inflexible.
Grouping grids are kind of broken
Finicky when it comes to configuration (To be fair, this hasimproved a lot since Ext 3; but it’s still not the best)
Bad error reporting
Rob Hoelz Javascript Showdown - ExtJS
![Page 31: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/31.jpg)
Remember those MVC classes I mentioned earlier? It turnsout they’re pretty inflexible.
Grouping grids are kind of broken
Finicky when it comes to configuration (To be fair, this hasimproved a lot since Ext 3; but it’s still not the best)
Bad error reporting
Inconsistent API
Rob Hoelz Javascript Showdown - ExtJS
![Page 32: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/32.jpg)
Remember those MVC classes I mentioned earlier? It turnsout they’re pretty inflexible.
Grouping grids are kind of broken
Finicky when it comes to configuration (To be fair, this hasimproved a lot since Ext 3; but it’s still not the best)
Bad error reporting
Inconsistent API
Inflexible widgets/components
Rob Hoelz Javascript Showdown - ExtJS
![Page 33: Javascript Showdown - ExtJSfiles.meetup.com/501101/extjs-showdown.pdf · Because of its abundance of widgets, ExtJS is very good at simulating a desktop-like UI. It has a very nice](https://reader030.fdocuments.net/reader030/viewer/2022041006/5ead21ede7a104141c6e19fe/html5/thumbnails/33.jpg)
Remember those MVC classes I mentioned earlier? It turnsout they’re pretty inflexible.
Grouping grids are kind of broken
Finicky when it comes to configuration (To be fair, this hasimproved a lot since Ext 3; but it’s still not the best)
Bad error reporting
Inconsistent API
Inflexible widgets/components
Bad layout management
Rob Hoelz Javascript Showdown - ExtJS