Sergey Nivens - Fotolia
Developers can use the toolkit to add interactivity to existing webpages, such as those in a Fusion application, or to create end-to-end web applications. Oracle JET can also be used to build hybrid mobile apps with a look and feel similar to that of a native app.
Oracle JET features and functions
Oracle JET also includes numerous features specific to the user interface (UI). For example, you'll find components that implement the Oracle Alta UI design system, a set of guidelines and best practices for implementing a consistent user experience across Oracle technologies. The toolkit also offers built-in support for accessibility and localization standards, such as Oracle translation service formats and bidirectional support; the latter feature lets you specify whether the language used in your application reads right to left or left to right, and then accommodates the display of the application to the language's orientation.
The JET technology supports a form layout structure that enables developers to build responsive web applications with fluid grids, scalable images and CSS media queries that can render layouts conditionally based on the media type -- for example, a full screen or a handheld-sized one. Responsive design makes it possible to deliver applications that are usable and visually appealing across a wide range of devices.
The responsive capabilities extend to hybrid mobile apps, making it easier to target multiple devices and screen sizes. With Oracle JET, developers can build hybrid apps in the Apache Cordova mobile application development framework for iOS, Android and Windows Mobile devices. The apps support UI behaviors and interactive gestures, such as swipe, progressive data loading and pull-to-refresh operations.
A library of libraries
Oracle JET comes with all the libraries and files necessary to build applications that can access Oracle products and services, both on-premises and in the cloud. In addition, the toolkit includes the data visualization components from the Oracle Application Development Framework and various types of files, such as polyfills, that extend a browser's capabilities.
It also provides CSS and Sassy CSS (SCSS) files for the Alta theme. SCSS is a syntax that was introduced in version 3.0 of Syntactically Awesome Style Sheets, an extension of CSS commonly called Sass. The Sass preprocessor generates the CSS files included in the Oracle JET distribution, using SCSS configuration files that also come with the toolkit.
Oracle JET includes the jQuery UI library, which offers a set of UI themes, effects, widgets and interactions that are flexible and quick to implement. Built on top of jQuery, the UI library provides Oracle JET with over 70 components that help augment data entry, data visualization and responsive UI design.
In addition, Oracle JET comes with the Knockout library, which provides bindings between components and makes it easier to associate Document Object Model elements with model data. This makes it possible for an application to automatically update the UI when the model's state changes. Knockout also lets developers define relationship chains between model data and generate nested UI elements as a function of the data.
Hammer, another library supported in Oracle JET, brings touchscreen capabilities for both single- and multitouch gestures to the toolkit, including custom gestures.
Add-on capabilities in Oracle JET
Oracle JET also includes features to augment the capabilities inherent in the framework's libraries. For example, the platform provides a common model layer for binding to REST and WebSocket data sources. It also provides numerous UI components, patterns and utilities to use within Oracle JET applications. In addition, it supports the OAuth authentication protocol -- an open protocol for secure standardization -- for managing private data and following best practices to secure the various application components.
Oracle JET adheres to the Model-View-ViewModel (MVVM) architecture design pattern, which separates the concerns of the user interface controls and their logic. MVVM has three distinct components: model, view and view model. In this case, model represents the application data and view represents the data presentation. The toolkit's modular framework helps to support this pattern, while allowing developers to select whichever parts of the framework work best for their applications.
Oracle Mobile Application Framework creates cross-platform mobile apps
Oracle gets into mobile app development with Oracle Mobile Cloud Service
Watch out for licensing when developing apps on Oracle platforms