Mar 25, 2009

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.

About the Author

Torey Lomenda profile.

Torey Lomenda

VP - Solution Delivery

Torey has over 26 years of software development experience.  As VP of Solution Delivery he blends his skills as a solution architect and pragmatic hands-on technologist to deliver working software solutions. He enjoys collaborating with clients and team members to develop enterprise software systems that provide right-fit solutions for the business.

 

As an architect he has expertise working with key stakeholders to drive common understanding leading to structured solutions that meet business, technical, and operational objectives. He follows a practical approach to modeling systems, applications, components, data and the flows between them to frame solutions that are feasible to implement.

 

As a technologist he has a solid foundation in web and mobile, cloud native APIs, and enabling modern platforms with the help of AWS and Kafka technologies. He has led the development of many mission-critical, end-to-end applications using a diverse set of technologies and supports a pragmatic delivery approach leveraging agile methodologies

 

Expertise: iOS and Android development, Web technologies (HTML, CSS, JavaScript, Ionic/Angular, Vue.js), APIs and enterprise applications (Spring Boot, Kotlin, Node.js, SQL, NoSQL).

 

Practical Experience: Cloud infrastructure (AWS, Google) and container orchestration (Docker, Rancher, Kubernetes), messaging (RabbitMQ) and data streaming (Kafka)

 

Interests: Micro-services architecture, cloud-based platforms and services, native & hybrid mobile development

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Blog Posts
Understanding Mutual TLS Options in the Public Cloud
When delivering an API over the public internet via a cloud provider, some organizations and frameworks require mutual TLS verification as a part of the interaction for that API. Mutual TLS can be used to […]
Performance Test Liquibase Update
When doing a liquibase update to a database if you’re having performance issues, it can be hard to find out which updates are causing problems. If you need to measure the time to apply each […]
TICK Stack Monitoring for the Non-Technical
TICK – Telegraf, Influx, Chronograf, and Kapacitor – is a method of monitoring your systems and applications. In this article, I discuss in non-technical terms what the difference is between TICK and Prometheus Grafana A […]
Design Systems, Part 1 • Introduction
Business leaders need a practical guide to plan and execute Design System Initiatives. The aim of this series is to be that guide. This installment introduces terms and definitions as a primer on Design Systems.