My journery from Oracle ADF to Oracle JET

Hi,

The following posts will be completily focus on my experience from a typical Java EE - JSF - Oracle ADF Architect / Developer learning and acquiring the knowledge of the Front-End technologies.

I will focus in my journey about solving typical Enteprise Application problems in Oracle JET and comparing them with Oracle ADF.



There is lot of information of Oracle JET such as the Cookbook, Official Documentation, The Community Forum and other bloggers.

First of all let's introduce a bit more of Oracle JET...

What is Oracle JET?

Oracle JET (JavaScript Extension Toolkit) is a Toolkit or Framework which uses known free third-party JavaScript libraries + a set of UI components developed by Oracle to allow front-end developers to build Web Applications or Hybrid Mobile Applications.

Should I stop using Oracle ADF and move to Oracle JET?

My answer is NO. Depends of the use case and also the skills of the developers. We need to remember that Oracle ADF is a Framework based on Java Server Faces (JSF) and Oracle JET is based on JavaScript.

(Also you can read my presentation in NLOUG 2018: https://es.slideshare.net/DanielMerchnGarca/nloug-2018-future-of-jsf-and-adf)

Oracle ADF is still a very valid option for Enteprise Applications connected directly to a database or to produce SOAP/REST interfaces over it by using ADF Business Components. In addition, the Oracle MDS (Metadata Services) offers personalisation and other capabilities which you need to code in Oracle JET.

Also... Oracle ADF Security! So Oracle ADF brings lot of stuff already solved that you need to solve "manually" in Oracle JET.

I hope Oracle makes the last effort of upgrading Oracle ADF for including important updates that was included in Java EE 8:
  • An upgrade for compatibility with JSF 2.3.
  • The upgrade of Oracle WebLogic Application server to support CDI 2.0 (Context Dependency Injection) which brings strong capabilities such as Asynchronous Events. 
Oracle ADF next release / patch  with stabalise the Framework, but no big enhancements will come in the future.

Oracle JET may still sounds like a challenger in the Front-End world compared to the current community of Angular JS, React JS or Vue JS developers. However, the community is growing fast and it is good enough to be in the same league as the most popular JavaScript "Frameworks" (yes, between quotes as Angular is a Framework, but not React)

Which is my feeling in Front-End being a Java EE lover all your life?

I always HATED with all my heart JavaScript since I was studying IT... However, I have to admit that JavaScript with Classes, Modules and the notations ES6+ and TypeScript is becoming "Javatized" with making my HATE to it to become a bit more LOVE.

Stay tunned... my lack of skills in Front-End will be solved in the following posts.

Comments

  1. Arizona Blaze23 November 2020 at 11:37

    Thanks for sharing this great information I am impressed by the information that you have on this blog. Same as your blog i found another one Oracle ADF .
    Actually, I was looking for the same information on internet for
    Oracle ADF Interview Questions and Answers/Tips and came across your blog. I am impressed by the information that you have on this blog. It shows how well you understand this subject.

    ReplyDelete
  2. Unknown25 March 2021 at 17:55

    My spouse and I love your blog and find almost all of your posts to be just what I’m looking for. Appreciating the persistence you put into your blog and the detailed information you provide. I found another one blog like you Oracle ADF.Actually I was looking for the same information on internet for Oracle Application Development Framework and came across your blog. I am impressed by the information that you have on this blog. Thanks once more for all the details.

    ReplyDelete
  3. Unknown5 July 2021 at 12:49

    Thanks for sharing this blog. The content is beneficial and useful. Very informative post. Visit here to learn more about Data Mining companies and Data analytics Companies.

    ReplyDelete
  4. shreekavi22 July 2021 at 06:59

    Amazing Post. keep update more information.
    Swift Training In Bangalore
    Swift Developer Training In Pune
    Swift Developer Course In Gurgaon
    Swift Developer Course In Hyderabad
    Swift Developer Course In Delhi

    ReplyDelete
  5. Dorothy5 August 2021 at 12:50

    It's really a great and helpful piece of info. I'm glad that you just shared this useful information with us. Please keep us up to date like this. Thank you for sharing.Here is the right place to Submit Guest Post Big Data.

    ReplyDelete
  6. tharan6 August 2021 at 14:56

    This comment has been removed by the author.

    ReplyDelete
  7. tharan6 August 2021 at 15:57

    This post is so interactive and informative.keep updating more information...
    Android Training in Mumbai
    Android Training in Ahmedabad
    Android Training In Kochi
    Android Training in Trivandrum
    Android Development Course in Kolkata
    Scope of Android Development in 2021

    ReplyDelete
  8. Unknown13 September 2021 at 06:25

    Java Training in Chennai
    Java Online Course
    Java Training in Bangalore


    ReplyDelete
  9. Pavithra Devi5 February 2022 at 06:09

    This post is so interactive and informative.keep update more information...
    Software testing training in Tambaram
    Software testing training in chennai

    ReplyDelete
  10. manasha14 February 2022 at 11:44

    Great post. keep sharing such a worthy information.
    Social Media Marketing Course in Chennai
    Social Media Marketing Online Course

    ReplyDelete

Post a Comment

Popular posts from this blog

OJET: Inter-Module communication in TypeScript Template

Image
In this post I bring another example on how to Communicate Modules using the Oracle JET - TypeScript Template based on the Oracle JET Cookbook: InterModule Communication From now and so on will create multiple examples using TypeScript for those who are not familiar with it and wants to turn the Cookbook examples into TypeScript :). The example ( ojet-typescript-list-detail ) can be found as usual in my GitHub repository: https://github.com/DanielMerchan/ojet-examples This example is a bit different compared to the Cookbook example where the modules are not running at the same time within a Module. This example is built as described in the following images: Customers module acts as the Wrapper Module. It coordinates when to load the list and detail modules. Customers module makes use also of signals npm module for communication between Customers-List, Customers-Detail. Explanation of the Example customers.js is the coordinator responsible module for: initiali
Read more

OJET: Build and Deploy in an Application Server

Image
There are some other sources where an Oracle JET Application is packaged and deployed as a WAR in Oracle WebLogic Application Server (Arda Eralp) https://blogs.oracle.com/ardaeralp/deploy-oracle-jet-application-to-weblogic-server (Andrejus Baranovski's) http://andrejusb.blogspot.com/2016/07/serving-oracle-jet-application-from.html They may look bit old or maybe because they call directly grunt tasks by using the grunt-cli . In this post I will update a bit these posts in Oracle JET 6.1.0 and the usage of ojet build (instead of calling the grunt tasks) for also building the corresponding WAR file. The example can be found in my GIT repository: https://github.com/DanielMerchan/ojet-examples Let's start... Install grunt-war module in your Oracle JET Application. npm install grunt-war --save-dev Create a war.js (or call it whatever you want) in /scripts/grunt/config folder under your souce files. This is a sample code inside of it, check https://www.npmjs.com/packag
Read more

OJET: Select All options using only Checkboxset

Image
This is an example on how to select all other options by using another oj-checkboxset. GitHub: ojet-checkbockset-select-all The idea is to keep track of the selection and make use of the on-value-changed as described in the following code. self.colorOptions = ko.observableArray([ { id: "blueopt", value: "blue", color: "Blue" }, { id: "greenopt", value: "green", color: "Green" }, { id: "redopt", value: "red", color: "Red" }, { id: "limeopt", value: "lime", color: "Lime" }, { id: "aquaopt", value: "aqua", color: "Aqua" }, ]); self.selectAll = ko.observableArray([]); self.currentColor = ko.observableArray(["red"]); self.selectAllOptionChanged = (event) => { const newSelection = event.detail.value; if (newSelection.indexOf('all')
Read more