Oracle JET(OJET) Interview Questions and Answers
Intermediate / 1 to 5 years experienced level questions & answers
Ques 1. What is Oracle JET Model-View-ViewModel (MVVM) Architecture?
Oracle JET supports the Model-View-ViewModel (MVVM) architectural design pattern.
In MVVM, the Model represents the app data, and the View is the presentation of the data. The ViewModel exposes data from the Model to the view and maintains the app's state.
Ques 2. What are the Third Party Libraries Used by Oracle JET?
To begin using Oracle JET, you do not need to understand more than the basics of JavaScript, HTML, and CSS or the third party libraries and technologies that Oracle JET uses. In fact, many developers learn about these related technologies in the process of learning Oracle JET.
| Name | Description | More Information |
|---|---|---|
CSS | Cascading Style Sheets | |
HTML5 | Hypertext Markup Language 5 | |
JavaScript | Programming language | https://developer.mozilla.org/en-US/docs/Web/JavaScript/About_JavaScript |
| TypeScript | Typed superset of JavaScript that enables you to support typechecking against the TypeScript API of JET elements and non-element classes. | http://www.typescriptlang.org |
jQuery | JavaScript library designed for HTML document traversal and manipulation, event handling, animation, and Ajax. jQuery includes an API that works across most browsers. | |
Knockout | JavaScript library that provides support for two-way data binding | |
RequireJS | JavaScript file and module loader used for managing library references and lazy loading of resources. RequireJS implements the Asynchronous Module Definition (AMD) API. | RequireJS: http://www.requirejs.org |
SASS | SASS (Syntactically Awesome Style Sheets) extends CSS3 and enables you to use variables, nested rules, mixins, and inline imports to customize your app’s themes. Oracle JET uses the SCSS (Sasy CSS) syntax of SASS. |
If you will be using Oracle JET tooling, you may also want to familiarize yourself with the following technology.
| Name | Description | More Information |
|---|---|---|
Node.js | Open source, cross-platform runtime environment for developing server-side web apps, used by Oracle JET for package management. Node.js includes the npm command line tool. |
Ques 3. Provide an understanding the Web App Workflow in Oracle JET (OJET).
Oracle JET supports creating web apps from a command-line interface:
Before you can create your first Oracle JET web app using the CLI, you must install the prerequisite packages if you haven’t already done so. For details, see Install Oracle JET Tooling.
Then, use the Oracle JET command-line interface package (ojet-cli) to scaffold a web app containing either a blank template or a complete pre-configured app that you can modify as needed.
After you have scaffolded the app, use the ojet-cli to build the app, serve it in a local web browser, and create a package ready for deployment.
Ques 4. What are the different folders and configurations available under Oracle JET(OJET) project structure?
The app folders contain the app and configuration files that you will modify as needed for your own app.
| Directory or File | Description |
|---|---|
node_modules | Contains the Node.js modules used by the tooling. |
scripts | Contains template hook scripts that you can modify to define new build and serve steps for your app. See Customize the Web App Tooling Workflow |
src | Site root for your app. Contains the app files that you can modify as needed for your own app and should be committed to source control. The content will vary, depending upon your choice of template. Each template, even the blank one, will contain an index.html file and a main.js RequireJS bootstrap file. Other templates may contain view templates and viewModel scripts pre-populated with content. For example, if you specified the navbar template during creation, the js/views and js/viewModels folders will contain the templates and scripts for a web app that uses a nav bar for navigation. |
.gitignore | Defines rules for app folders to ignore when using a GIT repository to check in app source. Users who do not use a GIT repository can use ojet strip to avoid checking in content that Oracle JET always regenerates. Note this file must not be deleted since the ojet strip command depends on it. |
oraclejetconfig.json | Contains the default source and staging file paths that you can modify if you need to change your app's file structure. |
package.json | Defines npm dependencies and project metadata. |
Ques 5. How RequireJS is linked with Oracle JET (OJET)?
Oracle JET includes RequireJS, a third party JavaScript library that you can use in your app to load only the Oracle JET libraries you need. Using RequireJS, you can also implement lazy loading of modules or create JavaScript partitions that contain more than one module.
RequireJS is a JavaScript file and module loader that simplifies managing library references and is designed to improve the speed and quality of your code.
RequireJS implements the Asynchronous Module Definition (AMD) API which provides a mechanism for asynchronously loading a module and its dependencies.
Oracle JET's modular organization enables app developers to load a subset of needed features without having to execute require() calls for each referenced object. Each Oracle JET module represents one functional area of the toolkit, and it typically defines more than one JavaScript object.
Ques 6. How to work with controls in Oracle JET (OJET)?
Oracle JET includes buttons, menus, and container elements to control user actions or display progress against a task. For HTML elements such as simple lists, you can use the standard HTML tags directly on your page, and Oracle JET will apply styling based on the app's chosen theme.
For example, you can use the oj-button element as a standalone element or include in oj-buttonset , oj-menu, and oj-toolbar container elements.
Navigation components such as oj-conveyor-belt, oj-film-strip, and oj-train use visual arrows or dots that the user can select to move backward or forward through data.
To show progress against a task in a horizontal meter, you can use the oj-progress-bar element. To show progress against a task in a circle, you can use the oj-progress-circle element.
Ques 7. How to work with forms in Oracle JET (OJET)?
Oracle JET includes classes to create responsive form layouts and components that you can add to your form to manage labels, form validation and messaging, input, and selection. The input components also include attributes to mark an input as disabled or read-only when appropriate.
Ques 8. How to work with Layout and Navigation in Oracle JET (OJET)?
Use the Oracle JET oj-accordian, oj-collapsible, oj-dialog, oj-drawer-*, oj-flex*, oj-masonry-layout, oj-navigation-list, oj-panel, oj-popup, oj-size*, and oj-tab-bar components and patterns to control the initial data display and allow the user to access additional content by expanding sections, selecting tabs, or displaying dialogs and popups.
Ques 9. What is the Area chart in Oracle JET (OJET)?
Area chart in OJET displays series of data whose values are represented by filled-in areas. Areas can be stacked or unstacked. The axis is often labeled with time periods such as months.
Ques 10. What is the Bar chart in Oracle JET (OJET)?
The Bar chart displays data as a series of rectangular bars whose lengths are proportional to the data values. Bars display vertically or horizontally and can be stacked or unstacked.
Ques 11. What is the Box Plot chart in Oracle JET (OJET)?
The Box Plot chart displays the minimum, quartiles, median, and maximum values of groups of numerical data. Groups display vertically or horizontally. You can also vary the box width to make the width of the box proportional to the size of the group.
Ques 12. What is Bubble chart in Oracle JET (OJET)?
The Bubble chart displays three measures using data markers plotted on a two-dimensional plane. The location of the markers represents the first and second measures, and the size of the data markers represents the proportional values of the third measure.
Ques 13. What is Combination chart in Oracle JET (OJET)?
The combination chart displays series of data whose values are represented by a combination of bars, lines, or filled-in areas.
Ques 14. What is Funnel chart in Oracle JET (OJET)?
The Funnel chart visually represents data related to steps in a process as a three-dimensional chart that represents target and actual values, and levels by color. The steps appear as vertical slices across a horizontal cone-shaped section. As the actual value for a given step or slice approaches the quota for that slice, the slice fills.
Ques 15. What is Line with Area chart?
The Line with Area chart displays series of data whose values are represented as lines with filled-in areas.
Use for visualizing trends in a set of values over time and comparing those values across series.
Ques 16. What is Pie chart?
The Pie chart represents a set of data items as proportions of a total. The data items are displayed as sections of a circle causing the circle to look like a sliced pie.
Use to show relationship of parts to a whole such as how much revenue comes from each product line.
Consider treemaps or sunbursts if you are working with hierarchical data or you want your visual to display two dimensions of data.
Most helpful rated by users:
- What are the architectures Oracle JET(OJET) supports?
- How to work with Layout and Navigation in Oracle JET (OJET)?
- What are the Oracle JET (OJET) features?
- What is Virtual DOM Architecture in OJET?
- What is Oracle JET (OJET)?