Intro to Building Desktop-Style UIs: JavaScript on Grails
JavaScript is a nice fit on the Grails platform. This demo/presentation provides a side by side comparison of Ext JS and GrailsUI approaches to building feature rich web applications on Grails. Feel free to look at the presentation slides, as well as browse through and run the demo application code.
Demo Application Code
You can find basic setup steps in the README files within each Grails project. The application overview can be found in the presentation slides.
Presentation Slides
Demo App Code
Abstract
The demand for increased interactivity with today’s web applications has resulted in a need to bring the familiar UI features of the desktop to the Web. With the availability of mature 3rd party JavaScript libraries, AJAX technology (DOM, CSS, JavaScript) provides a feasible way to fill this need.
The presenter will walk through building rich web apps using Yahoo! UI (YUI) and Ext JS JavaScript libraries on the Grails platform. YUI offers a rich set of utilities and controls to build interactive applications. Ext JS offers a rich set of pre-configured components, and an extensible Component Model to build desktop-style applications “out of the box” quickly.
Using a sample application, the presenter will demonstrate ways of implementing basic and advanced features using these libraries. From sprinkling simple, effective interactive controls into your web application to building feature rich desktop-style UIs, the capabilities and shortcomings of these libraries will be discussed.