Oracle APEX Training Overview
This HTML5, CSS, and JavaScript for Oracle APEX Developers training gives attendees a jump start on all three of key technologies used in your APEX front ends. Attendees also learn the fundamentals of the jQuery JavaScript library.
While the majority of the course material is independent from APEX, it is beneficial for Oracle Developers who are unfamiliar with web development technologies looking to move to APEX. The class is primarily web development with some ties to APEX.
Location and Pricing
Accelebrate offers instructor-led enterprise training for groups of 3 or more online or at your site. Most Accelebrate classes can be flexibly scheduled for your group, including delivery in half-day segments across a week or set of weeks. To receive a customized proposal and price quote for private corporate training on-site or online, please contact us.
In addition, some courses are available as live, instructor-led training from one of our partners.
Objectives
- Master HTML5 for structuring the content of their pages
- Control the style and layout of their pages using Cascading Style Sheets (CSS)
- Add interactivity to their pages using the JavaScript scripting language
- Use jQuery and jQuery Mobile to more rapidly add JavaScript features to their pages
Prerequisites
Prior Oracle SQL and PL/SQL is not needed for this class, but will be needed if you progress to our Introduction to, Intermediate, or Advanced Oracle Application Express classes
Outline
Expand All | Collapse All
Introduction to Web Development
- Static and Dynamic Web Pages
- Web Browsers
- Sever Side Programming
- Client Side Programming
- Common Coding Tools
- Accessibility Laws
- References
Coding, Testing, and Validating a Web Page
- Structure of an HTML5 Page
- HTML5 Syntax Overview & Coding Rules
- CSS Syntax Overview & Coding Rules
- Common Errors
- Code Validation
Using HTML to Structure a Web Page
- Search Engine Optimization (SEO)
- Attributes and Elements
- Character Entities
- div and span elements
- Absolute versus Relative URLs
- URLs in APEX
- References
Adding CSS to Format the Elements of a Web Page
- Adding Style to a Web Page
- Units of Measure
- Colors
- CSS Rule Sets
- Selectors
- CSS Pseudo- Classes
- Fonts
- Indenting and Aligning Text
- Transforming and Decorating
- Adding CSS in APEX
The CSS Box Model
- Height/Width Calculations
- Properties for Height/Width
- Properties for Margin
- Properties for Padding
- Properties for Border
- Radius and Box Shadow
- Properties for Background and Linear Gradient
- Sample HTML and CSS Code
- CSS Generators
Using CSS For Page Layout
- Floating and Clearing
- Fixed-Width Columns
- Liquid-Width Columns
- Floated Sidebar
- CSS3 For Text Columns
- Properties for Positioning
- Sample HTML and CSS Code
Incorporating Links and Lists
- Ordered, Unordered, Nested, and Description Lists
- CSS that Changes the Bullets
- The a Element
- Common CSS Pseudo-Classes
- Loads in New Window or Tab
- Linking to Files
- Navigation Lists
Working with Images
- Image Types
- img Tag
- Image Alignment
- Pages With Figures and Captions
- Thumbnails
- Image Maps
- Image Editors and Tools
- Favicons
- Images with APEX
- How to Work with Tables
- Common Elements for Tables
- CSS3 Pseudo-Class Selectors
- Tables Within a Figure
- Merging Cells
- Accessibility
- Nested Tables
- Tables in APEX
How to Work with Tables
- Common Elements for Tables
- CSS3 Pseudo-Class Selectors
- Tables Within a Figure
- Merging Cells
- Accessibility
- Nested Tables
- Tables in APEX
Working with Forms
- Attributes of the Form Element
- Input Element Attributes
- Input Elements and Attributes
- Buttons
- Text Input
- Radio Groups and Check Boxes
- Select Lists
- Text Areas
- Labels
- Fieldsets and Legends
- File Upload
- Alignment and Formatting
- Tab Order and Access Keys
- HTML5 Validations
- Regular Expressions
- Datalists
- Progress And Meters
Formatting Web Pages for Printing
- Embedded versus Separate Styles
- Printing Recommendations
- CSS Properties for Printing
Using JavaScript to Enhance Your Web Pages
- How JavaScript Fits In
- Document Object Model (DOM) for the Page
- DOM Event Cycle
- JavaScript Placement on Page
- External Versus Embedded
- Demos
- Popup
- Rollover
- Click / Change
- Slide Show
- Tabbed Data
- Validations
- Debugging
- Adding JavaScript to APEX
Adding jQuery to Enhance Your Web Pages
- Overview
- Adding jQuery to a Page
- jQuery in APEX
- jQuery's DOM Ready Method
- Selecting the Document
- Calling Methods
- Demos
- Carousel
- Slide Show
- Accordion
- Auto Complete
- Dialog
- Sortable
Using jQuery Mobile for Building Mobile Web Sites
- Style sheets and Pages for Mobile Devices
- Viewports
- Mobile Design and Testing Guidelines
- Adding jQuery Mobile to a Page
- jQuery Mobile in APEX
- Transitions
- Buttons
- Nav Bars
- Styles and Swatches
- Collapsible Content
- Accordions
- Lists
Conclusion
Training Materials
All APEX training students receive comprehensive courseware.
Software Requirements
- Oracle Application Express 5, 2018, or later
- Each student computer will need a web browser and Oracle SQL Developer installed
- Please contact us for detailed setup instructions if you have purchased this class
