Recent Posts by Geertjan Wielenga

JSX is a XML-like syntax extension to ECMAScript without any defined semantics. Many more details about it can be found here: https://facebook.github.io/jsx/ JSX is popular in the React community which "recommend[s] using JSX because it is a concise and familiar syntax for defining tree structures with attributes. It's more familiar for casual developers such as designers." Many more details about that can be found here: https://facebook.github.io/react/docs/jsx-in-depth.html Many...

The session catalog for JavaOne 2016 is available here: https://oracle.rainfocus.com/scripts/catalog/oow16.jsp?event=javaone&search.event=javaone One of the entries you'll find there is this one:  Interesting. A NetBeans Platform application that I had never heard of before. It looks like this: And here's more info about it: The above comes from here: https://www.janelia.org/confocal-imagery-management-and-analysis-tools I'm looking forward to attending this session at JavaOne...

Following on from part 2, in this part we add Galleria.io to our set of dependencies in 'bower.json': "dependencies": { "oraclejet": "2.0.2", "galleria": "1.4.2"} Here's the source code: https://github.com/GeertjanWielenga/GalleriaDemos/tree/master/Galleria3-Galleria.io/app The project structure is as follows: Since Galleria.io is not an AMD module, we need to shim in the 'require.config': shim: { 'jquery': { exports: ['jQuery', '$'] }, 'galleriaio':...

Continuing from the first part, let's now move towards modularity via Require and data bindings via Knockout.  Here is the application: https://github.com/GeertjanWielenga/GalleriaDemos/tree/master/Galleria2-Knockout/app The project structure is like this, which looks a lot like the structure of an Oracle JET application, though an Oracle JET template was not the starting point of the below. Instead, I started with a plain ordinary HTML/JavaScript application and built up the...

I'm looking at different image gallery components as examples of how to work with them in the context of Oracle JET. Also, these scenarios are example of how to migrate from non-Oracle JET applications to Oracle JET applications. Here's the first, making use of the PrimeUI Galleria component: https://github.com/GeertjanWielenga/GalleriaDemos/tree/master/Galleria1-Default/app The structure of the application is like this:  Here's how the component looks: In the "bower.json" file,...

Let's take the "ojTimeline" component from the Oracle JET component library, as described here in the Oracle JET Cookbook, while taking note of the format of the related JSON file here. Then, downloading that file into our Oracle JET application and changing the details in the JSON file, let's recreate the NetBeans Roadmap in Oracle JET, with this result: Here's the business logic in JavaScript, i.e., the "define" block, including a selection listener: define(['text!../../seri...

Here in the Oracle JET Cookbook the Oracle JET Tag Cloud is described. Here's the JSON file that is used there, which I have put in the "public_html" folder of my project. What we'll create is the same as in the Cookbook, except we'll parse the JSON file with "JSON.parse" and we'll use a "define" block. Here's a 'define' block for working with the "ojtagcloud" component: define(['text!../../socialNetworks.json', 'ojs/ojtagcloud'], function (file) { function...

The jQuery UI Datepicker is a popular component. Let's integrate it into an Oracle JET application. Oracle JET is an open application architecture, together with a set of components, based on open source libraries, providing a logical framework within which components such as the jQuery UI Datepicker can be organized: For background on this topic, see this YouTube clip by JB Brock: https://www.youtube.com/watch?v=XcPcaSbaHFg Take the following steps: Get the 'datepicker.js', from...

Our requirement is to use Oracle JET to show data on a world map, e.g., the number of employees in our organization working in various countries around the world. Below you see an example—three different ranges represented by colors on the map: To get to the above point, let's start with the simplest imaginable world map scenario with Oracle JET's built-in maps for ojThematicMap. Here's the view: <div id='thematicMap-container'> <div id='thematicMap1'...