Episode 26 - JavaScript UI Widget Libraries...

Episode 26 - JavaScript UI Widget Libraries...

Released Friday, 2nd March 2012
Good episode? Give it some love!
Episode 26 - JavaScript UI Widget Libraries...

Episode 26 - JavaScript UI Widget Libraries...

Episode 26 - JavaScript UI Widget Libraries...

Episode 26 - JavaScript UI Widget Libraries...

Friday, 2nd March 2012
Good episode? Give it some love!
Rate Episode



Episode 26 - JavaScript UI Widget Libraries                   

Subscribe on iTunes

Subscribe to RSS

Download MP3

Show notes

hosted by

Jared Brown

Brandon Corbin

joined by

Edward Rudd

JS Widget Libs for Desktop and then Mobile

Questions:

  • What do people look for in each lib?
  • How do you choose one over another?
  • Desktop: Great for Intranet software, enterprise, engineering and scientific web apps
  • Mobile: Progressive (mobile site) vs native-feeling app (typically wrapped in something like PhoneGap)?
  • Actively developed or stale?
  1. JS Widget Libraries
    1. Large screen
      1. jQuery UI
        1. Grid coming to v2.1
        2. Movement to clean up the API
        3. Lots of dev momentum lately
      2. Kendo UI by Telerik
        1. Uses jQuery
        2. Recently out of beta
        3. Free for GPL Compatible open source projects
        4. $399 per developer
        5. (sounds like M$ style licensing.. inherited from the “.NET” background)
        6. Mention DataViz and Mobile
        7. Has custom theme builder for it’s widgets (not jquery UI’s builder)
        8. Doesn’t support IE6
        9. Native UI on each device
      3. wijmo
        1. Based on jQuery UI (in fact, some of the team works on jQuery UI)
        2. Uses jQuery UI themes native
        3. has a cdn for access.
        4. Free version includes 18 OpenSource widgets
        5. Commercial version
          1. Includes 40+ widgets
          2. $299+ (per developer) (or $499 w/ support)
      4. Ext JSby Sencha
        1. Mention Sencha Touch (free)
        2. $329 - one developer license (no support)
    2. Mobile
      1. jQuery Mobile - jQuery
        1. 70 kb
        2. (web GUI prototyping tool)
        3. Open source
        4. Broad device support
        5. Degrades Gracefully (progressive?) yes
        6. Has a theme builder (jQuery UI style)
      2. Kendo Mobile - Telerik
        1. No pricing yet (in beta)
        2. Ready for PhoneGap
      3. Sencha Touch - Sencha
        1. How is it diff from jQTouch?
          1. Much more programmatic to work with
          2. jQTouch is more web dev friendly
          3. Support for tables while jQTouch doesn’t
          4. http://9-bits.com/post/723711597/jqtouch-and-sencha-touch
        2. Free for non-OEMs
        3. Touch charts
        4. Looks like Android & iOS styling is a more manual thing to do
      4. jQTouch(problems with Android?) - Sencha
        1. Works with Zepto or jQuery
          1. Zepto is a minimal, jQuery syntax compatible lib
        2. SASS-based theming
        3. In beta
        4. Progressive
        5. Free
        6. ~20 kb
      5. Others to consider (both free, open source)
        1. Jo
          1. Not easy to see which UI widgets it offers
          2. Looks to have less popularity
        2. GWT Mobile
          1. From Google (but code is on GitHub)
          2. PhoneGap wrapper
          3. Great for pure client-side Java devs
        3. PhoneGap + XUI.js
          1. Open source
        4. Zirb
        5. Twitter Bootstrap

Notes:

Kendo UI

  • Licensing. Kendo is dual-licensed under GPLv3/commercial license, jQuery UI is MIT/GPLv2.
  • Support. Purchasing a Kendo commercial license entitles you to support (options here). Professional jQuery UI support is offered by appendTo and the filament group.
  • Feature set. Kendo has some components that are missing in jQuery UI (Grid, Chart, TreeView, Upload, Templates, and soon - MVVM). You might need to stitch plug-ins by different authors if you want to use such functionality alongside jQuery UI.
  • Roadmap. Kendo has a fixed release cycle (3 releases per year), with a fixed roadmap for the next release. The jQuery roadmap does not guarantee when the features will be included.
  • Openness. You can browse the latest jQuery UI source at all times. With Kendo, you get only the source code for major releases when you don’t have a commercial license. If you purchase one, you get all the latest source code.

http://jqueryuivskendoui.com/ 

  • Discuss comparison table

Sencha Touch

Aaron Weyenberg on Quora - “Sencha Touch takes much much longer to learn and become comfortable with, but it’s more robust. Sencha Touch documentation and examples, however, are quite unrefined in my opinion. There’s almost no MVC architecture support docs, so be prepared to do a lot of reverse engineering.

jQuery Mobile can get you up and running in a day, but it’s not as feature rich, and seems not quite as smooth in terms of transitions and effects.”

http://www.quora.com/Were-deciding-between-jQuery-Mobile-and-Sencha-Touch-What-are-the-pros-and-cons-for-each 

James Pearce, Developer Relations @ Sencha Inc

Of course it very much depends on the use-case, your skill set and your desired architecture.

If you want an easy, declarative, markup-configured mobile site, then jQuery Mobile’s progressive enhancements is an obvious option.

If you want a richer, more standalone (say, MVC) app, built using a  programmatic, RIA philosophy, then the Sencha Touch route would probably be better. It’s more likely that you’d take this approach if you were keen to wrap the app up in PhoneGap to deploy in an app store, for example.

jQTouch

Sencha touch is a little more complicated for those used to web design to use, in that it is almost a purely programmatic model (you don’t design pages in html, you programmatically add elements to a page). It does, however, have a much richer widget model and is a lot more fleshed out than jQTouch (it is also a lot bigger)…

http://stackoverflow.com/questions/3446186/sencha-touch-vs-jqtouch 

Recommendations

DEPENDS ON THE USE CASE

Desktop

  • jQuery UI

Mobile

  • jQuery Mobile
Show More
Rate

Join Podchaser to...

  • Rate podcasts and episodes
  • Follow podcasts and creators
  • Create podcast and episode lists
  • & much more

Episode Tags

Do you host or manage this podcast?
Claim and edit this page to your liking.
,

Unlock more with Podchaser Pro

  • Audience Insights
  • Contact Information
  • Demographics
  • Charts
  • Sponsor History
  • and More!
Pro Features