Create a Web Application Using the oraclejet.zip Download

You can create a new Oracle JET application in your favorite IDE or text editor using files extracted from oraclejet.zip. After you create your application, you can modify it to include references to Oracle JET CSS and libraries.

Topics

Download the Oracle JET Zip File

You can download Oracle JET from the Oracle Technology Network (OTN) as a single zip file. The zip file contain the libraries, scripts, styles, and files needed to develop applications using Oracle JET.

To download Oracle JET from the Oracle Technology Network (OTN):

  1. Navigate to the Oracle JET download location at: Oracle JET Downloads.

  2. Choose Accept License Agreement.

  3. Download Oracle JavaScript Extension Toolkit: Base Distribution.

Include References to CSS Files in Your Oracle JET Application

Specify the reference to the CSS files directly in your application’s main page, typically index.html.

Before you begin:

  • Familiarize yourself with Oracle JET themes that are available for your use, see Theming Applications.
To reference CSS files:
  1. Navigate to the Oracle JET download location at: Oracle JET Downloads.
  2. Choose Accept License Agreement.
  3. Download Oracle JavaScript Extension Toolkit: Base Distribution.
  4. Extract oraclejet.zip into the site root of your application.
  5. Create a new index.html file in the project root.
  6. In the application’s main page, index.html, add the HTML link element and point it to the CSS theme that you will use.

    For example, to use the Oracle JET Alta web theme:

    <!-- Oracle JET CSS files -->
    <link rel="stylesheet" href="css/libs/oj/version/alta/oj-alta-min.css" type="text/css"/>
    
  7. If you will be using the CSS included with Oracle JET, add the following line to the top of your application’s main HTML page:
    <!DOCTYPE html>
    

    This line is needed for the Oracle JET CSS to function as expected.

Use RequireJS to Manage Library, Link, and Script References

RequireJS is a JavaScript file and module loader that makes it easier to manage library references and is designed to improve the speed and quality of your code.

Oracle JET uses RequireJS by default for the Oracle JET Starter Templates and is required if you plan to use Oracle JET's internationalization, data visualization components, or the OAuth plugin in your application.

Before you begin:

To use RequireJS to manage references:
  1. Copy js/libs/oj/version/main-template.js to the js folder.
  2. In the js folder, rename main-template.js to main.js.
  3. Add the following script reference to your index.html file:
    <script data-main="js/main" src="js/libs/require/require.js"></script>
  4. Update main.js as needed to reference Oracle JET modules or your own scripts.