33
Javascript Showdown - ExtJS Rob Hoelz INOC October 18th, 2011 Rob Hoelz Javascript Showdown - ExtJS

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

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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