Title and Copyright Information
Preface
- Audience
- Documentation Accessibility
- Diversity and Inclusion
- Related Resources
- Conventions
1 Get Started with Oracle JavaScript Extension Toolkit (JET)
- The Oracle JET Model-View-ViewModel Architecture
- What's Included in Oracle JET
- Third Party Libraries Used by Oracle JET
- Create a Development Environment for Oracle JET
- Work with the Oracle JET Starter Templates
- Work with the Oracle JET Cookbook
- Optimize App Startup Using Oracle CDN and Oracle JET Libraries
2 Understand the Web App Workflow
- Scaffold a Web App
- Build a Web App
  - About ojet build Command Options for Web Apps
- Serve a Web App
- Customize the Web App Tooling Workflow
- Use Webpack in Oracle JET App Development
- Configure Oracle JET's Default Webpack Configuration
3 Design Responsive Apps
- Oracle JET and Responsive Design
- Media Queries
- Oracle JET Flex, Grid, Form, and Responsive Helper Class Naming Convention
- Oracle JET Flex Layouts
- Oracle JET Grids
- Responsive Form Layouts
- Add Responsive Design to Your App
- Use Responsive JavaScript
- Use the Responsive Helper Classes
- Create Responsive CSS Images
- Change Default Font Size
  - Change Default Font Size Across the App
  - Change Default Font Size Based on Device Type
- Control the Size and Generation of the CSS
4 Use RequireJS for Modular Development
- About Oracle JET and RequireJS
  - About Oracle JET Module Organization
  - About RequireJS in an Oracle JET App
- Use RequireJS in an Oracle JET App
- Add Third-Party Tools or Libraries to Your Oracle JET App
- Troubleshoot the Addition of Third-Party Tools and Libraries
- Troubleshoot RequireJS in an Oracle JET App
- About JavaScript Partitions and RequireJS in an Oracle JET App
5 Create Single-Page Apps
- Design Single-Page Apps Using Oracle JET
  - Understand Oracle JET Support for Single-Page Apps
  - Create a Single-Page App in Oracle JET
- Use the oj-module Element
  - Work with oj-module’s ViewModel Lifecycle
6 Understand Oracle JET User Interface Basics
- About the Oracle JET User Interface
- About Binding and Control Flow
- Add an Oracle JET Component to Your Page
  - Add Animation Effects
  - Manage the Visibility of Added Component
7 Work with Oracle JET User Interface Components
- About Oracle JET User Interface Components
- Work with Collections
  - Choose a Table, Data Grid, or List View
  - About DataProvider Filter Operators
- Work with Controls
- Work with Forms
- Work with Layout and Navigation
- Work with Visualizations
  - Choose a Data Visualization Component for Your App
  - Use Attribute Groups With Data Visualization Components
8 Work with Oracle JET Web Components
- Design Custom Web Components
- About Web Components
- Best Practices for Web Component Creation
- Create Web Components
- Theme Web Components
- Test Web Components
- Add Web Components to Your Page
- Build Web Components
- Generate API Documentation for VComponent-based Web Components
- Package Web Components
- Create a Project to Host a Shared Oracle Component Exchange
- Publish Web Components to Oracle Component Exchange
- Upload and Consume Web Components on a CDN
9 Use Oracle JET REST Data Provider APIs
- About the Oracle JET REST Data Provider
- About the Oracle JET REST Tree Data Provider
- Create a CRUD App Using Oracle JET REST Data Providers
10 Validate and Convert Input
- About Oracle JET Validators and Converters
  - About Validators
  - About Converters
    - About Oracle JET Component Converter Options
- About Oracle JET Converters
- About Oracle JET Validators
11 Work with User Assistance
- Understand Oracle JET's Messaging APIs on Editable Components
  - About Oracle JET Editable Component Messaging Attributes
  - About Oracle JET Component Messaging Methods
- Understand How Validation and Messaging Works in Oracle JET Editable Components
  - Understand How an Oracle JET Editable Component Performs Normal Validation
    - About the Normal Validation Process When User Changes Value of an Editable Component
    - About the Normal Validation Process When Validate() is Called on Editable Component
  - Understand How an Oracle JET Editable Component Performs Deferred Validation
    - About the Deferred Validation Process When an Oracle JET Editable Component is Created
    - About the Deferred Validation Process When value Property is Changed Programmatically
- Use Oracle JET Messaging
- Configure an Editable Component's oj-label Help Attribute
- Configure an Editable Component's help.instruction Attribute
- Control the Display of Hints, Help, and Messages
12 Develop Accessible Oracle JET Apps
- About Oracle JET and Accessibility
- About the Accessibility Features of Oracle JET Components
- Create Accessible Oracle JET Pages
13 Internationalize and Localize Oracle JET Apps
- About Internationalizing and Localizing Oracle JET Apps
- Internationalize and Localize Oracle JET Apps
- Work with Oracle JET Translation Bundles
  - About Oracle JET Translation Bundles
  - Add Translation Bundles to Oracle JET
14 Use CSS and Themes in Oracle JET Apps
- About the Redwood Theme Included with Oracle JET
- CSS Files Included with the Redwood Theme
- Create an App with the Redwood Theme
- Adjust the Scale of the Redwood Theme
- Best Practices for Using CSS and Themes
  - DOCTYPE Requirement
  - Set the Text Direction
- Work with Images
  - Image Considerations
  - Icon Font Considerations
- Work with Custom Themes and Component Styles
15 Secure Oracle JET Apps
- About Securing Oracle JET Apps
- Use OAuth in Your Oracle JET App
- About Cross-Origin Resource Sharing (CORS)
16 Configure Data Cache and Offline Support
- About the Oracle Offline Persistence Toolkit
- Install the Offline Persistence Toolkit
17 Optimize Performance of Oracle JET Apps
- About Performance and Oracle JET Apps
- Add Performance Optimization to an Oracle JET App
- About Configuring the App for Oracle CDN Optimization
  - Configure Bundled Loading of Libraries and Modules
  - Configure Individual Loading of Libraries and Modules
- Understand the Path Mapping Script File and Configuration Options
- Work with Libraries and Modules on Content Delivery Networks
18 Audit Oracle JET App Files
19 Test and Debug Oracle JET Apps
- Test Oracle JET Apps
- Debug Oracle JET Apps
  - Debug Web Apps
20 Package and Deploy Oracle JET Apps
- Package Web Apps
- Deploy Web Apps
- Remove and Restore Non-Source Files from Your JET App
A Troubleshooting
B Oracle JET App Migration for Release 17.1.0
- Migrate Redwood-themed Apps from Releases 9.x.0 or Later to Release 17.1.0
- Migrate to the Redwood Theme CSS
- Migrate Alta-themed Apps from Releases Prior to 8.3.0 to Release 17.1.0
C Oracle JET References
- Oracle Libraries and Tools
- Third-Party Libraries and Tools
D Properties in the oraclejetconfig.json File
E Oracle JET CLI API for CI/CD
- Properties
- Method
- Examples