Complete Oracle JET Course for Beginners (Step-by-Step)

Explore course resources, including a dummy Oracle Jade app, copyable source code, icon assets, a MySQL setup with a JDeveloper connector, and the final web service application with database schema.

Set up your Oracle Jet development environment by installing Visual Studio Code and the Oracle Jet core extension, then prepare to install Node.js and the Oracle Git CLI.

Install node.js and verify npm, then install the Oracle git cli and the Oracle jet cli, and learn core oget commands to create, build, serve, and restore apps.

Install the Oracle JET development tools, then create a nav drawer or nav bar application with the Oracle Git CLI and run it locally using oget serve.

Modify an Oracle JET app in Visual Studio Code, save changes, and auto-refresh the UI. Learn to rename screens and update navigation by adding a new routes page and module.

Learn to set up the Oracle development environment, create an Oracle application, and add a chart to the dashboard with HTML binding to the view model using knockout.

Create a flex container with two flex items to arrange a pie chart and a bar chart side by side on large screens and stacked on small to medium screens.

Learn to use the Oracle git panel to frame and color components, adjust margins and spacing, and apply padding and radius for a polished layout.

Learn to build a scheduler management system with login security, create and manage services, customers, and users, and use filters, notes, and dashboards to track upcoming tasks.

Install and configure a MySQL database with MySQL Workbench, selecting custom options, set the root password, and prepare a development environment for jet application development.

Install and connect to a MySQL database, then create the surfaces schema and tables: user, customers, surfaces, scheduler, and schedule node with appropriate foreign keys for the surface scheduler app.

Open and run the built-in web service with JDeveloper, deploy it on WebLogic, and use the provided web service URL to connect Oracle JET to the database.

Create a web service that connects to a MySQL database with a surface util and a static get database connection; implement a generic execute statement for DML and test inserts.

Create and manage web surfaces for surfaces, customers, users, and scheduler. Implement list, insert, update, and delete operations, with filterable scheduler queries and dashboard graphs.

Create a scheduler services Jet application using the oget create command with the nav drawer template. Run oget serve to build and run app after installing Oracle Jet and Node.js.

Learn to configure the Oracle JET application menu and nav drawer, display the logo, rename screens (scheduler, surfaces, customers, users, dashboard), and update icons and the app controller.

Replace the table with a web service call, use a reusable git util.js to fetch surfaces, and populate a two-column observable surface table (name and description) in Oracle JET.

Implement update functionality for a surfaces table in Oracle JET: select a row, edit the description in a dialog, call the update surface web service, and refresh the table.

Implement the delete operation for the surfaces screen by reusing update templates, adding a delete button and a confirmation dialog that calls delete surface API with the selected surface name.

Implement the users screen by updating the tab icon to users and adding a paginated users table with basic and filtering variants, wiring HTML, JavaScript, and libraries from the cookbook.

Replace hardcoded data with a web service in the users screen by populating an observable users array from the service, enabling table pagination and a modal new user dialog.

Build the Oracle JET users screen by binding observables for username, password, display name, and user type, and implement text, password, dropdown, and checkbox controls in a dialog with reset-on-open.

Implement the add new user popup by calling the insert user web surface with collected inputs, validating required fields, and displaying success or error messages while refreshing the user list.

Extend the users screen with insert, update, and delete actions, a selection listener, and a template; handle delete via a web service and refresh the user list.

Implement the customers screen in Oracle JET with a filterable table of customer information and basic add, update, and delete actions, using the cookbook's input and table components.

Replace hardcoded customer data with a web service call, populating the observable customer array and data provider, mapping fields for filtering and table columns, then test with Postman.

Implement the scheduler screen filter with five components (status, customers, surfaces, date from, date to), including default values, and apply a 12-column flex layout for large, medium, and small screens.

Continue implementing the scheduler screen by wiring the search component, defaulting status to active, and populating customer and service dropdowns via data providers with value/label mappings and an all option.

continue implementing the surface scheduler screen by adding a refresh button and icon, importing avatar and button components, and wiring the action to call the web service and display results.

Implement scheduler screen by wiring filter inputs to a post web service, handling results with a data provider and observable array, and displaying schedule details in a table.

Implement the add new schedule feature in the surface scheduler by opening a dialog, selecting customer, surface, and date, entering a description, and saving via the schedule service.

Add three action buttons in the first column (edit, cancel, close) and a detail button in the last column of the scheduler table, and display only the date.

Implement the scheduler screen edit functionality by populating an edit dialog from the selected row, enabling changes to customer, date, and description, and saving via the update scheduler web service.

Implement a notes column for the schedule and fetch notes by schedule ID with a git web service; display results in a dialog table showing added by and added date.

Implement the notes popup, fix data display by handling single-row versus array responses with a length check, and update the dialog via the selection listener.

Implement a new node insertion in the scheduler screen, adding input validation, a create action, and a web service call to insert notes, then refresh and confirm.

Implement the delete operation for schedule notes by sending the selected node ID to the delete schedule note web service, then refresh the table and show confirmation.

Explore Oracle JET bind-if to conditionally render actions in the scheduler, showing or hiding the delete button based on the current login user and schedule status.

Complete the scheduler screen by displaying the number of services in the current period using an observable schedule count bound to the html text.

Implement the dashboard's first block to show the next surface with name, date, customer, description, and last note, binding data from the next surface web surface.

Add a second dashboard panel with a pie chart showing surfaces this month, fed by a web service and configured with value, group, and series in Oracle JET.

Implement a login screen in Oracle JET using an isConnected observable to toggle header visibility in index.html; set isConnected true on login and navigate to the dashboard.

Implement Oracle JET security by building a login web surface that posts username and password to a login service, validates active users, and displays messages or navigates to the dashboard.

Implement login flow by validating credentials, storing user info in session scope (username, display name, user type), and navigating to the dashboard via the app controller router.

Implement the new router for the login flow, navigate to the dashboard on success, and display the user display name from the session.

Learn to implement sign out in the Oracle JET app by wiring a menu item to an app controller, clearing the session and isconnected flag, and redirecting to login.

Implement sign out checks by routing to login when the session username is missing, apply across dashboard, customer, surfaces, and scheduler pages, and differentiate visibility for admin and user roles.

Enforces screen privileges by user type in an Oracle JET app, reading session data to render menus. Admins see all menus; users see only dashboard and scheduler.

Finalize security by using the session login for edit-by on schedules and nodes, and ensure delete options align with the session user.

Discover how to implement localization in Oracle JET by creating language folders with identical resource bundle names and updating the master bundle to include language-specific content for runtime selection.

Learn to configure Oracle JET localization by defining resource bundles and using setlocale to load the correct resource, handling left-to-right and right-to-left layouts.

Design a simple Oracle application login screen with HTML and CSS, using three observable variables—application name, customer name, and environment name—for deploying as a war to WebLogic, Glassfish, or Tomcat.

Generate a war file from an Oracle JET project after build using the after build hook, then deploy it to WebLogic and test the application.

Debug Oracle JET with browser developer tools, focusing on console and network to verify web service calls, responses, and element IDs; apply quick fixes like hard reloads to reflect changes.

Push your Oracle JET application to GitLab, clone it back, then run git restore before git serve to run the project.

Finish this beginner-friendly course with a concise overview of Oracle JET and next steps, including Oracle Jet Wallet, Oracle JET Cookbook, components, and practice with dummy apps.