HTML5, CSS, and JavaScript fundamentals for Oracle APEX Developers


Course Number: ORC-396
Duration: 3 days (19.5 hours)
Format: Live, hands-on

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
    • Types of 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


Learn faster

Our live, instructor-led lectures are far more effective than pre-recorded classes

Satisfaction guarantee

If your team is not 100% satisfied with your training, we do what's necessary to make it right

Learn online from anywhere

Whether you are at home or in the office, we make learning interactive and engaging

Multiple Payment Options

We accept check, ACH/EFT, major credit cards, and most purchase orders



Recent Training Locations

Alabama

Birmingham

Huntsville

Montgomery

Alaska

Anchorage

Arizona

Phoenix

Tucson

Arkansas

Fayetteville

Little Rock

California

Los Angeles

Oakland

Orange County

Sacramento

San Diego

San Francisco

San Jose

Colorado

Boulder

Colorado Springs

Denver

Connecticut

Hartford

DC

Washington

Florida

Fort Lauderdale

Jacksonville

Miami

Orlando

Tampa

Georgia

Atlanta

Augusta

Savannah

Hawaii

Honolulu

Idaho

Boise

Illinois

Chicago

Indiana

Indianapolis

Iowa

Cedar Rapids

Des Moines

Kansas

Wichita

Kentucky

Lexington

Louisville

Louisiana

New Orleans

Maine

Portland

Maryland

Annapolis

Baltimore

Frederick

Hagerstown

Massachusetts

Boston

Cambridge

Springfield

Michigan

Ann Arbor

Detroit

Grand Rapids

Minnesota

Minneapolis

Saint Paul

Mississippi

Jackson

Missouri

Kansas City

St. Louis

Nebraska

Lincoln

Omaha

Nevada

Las Vegas

Reno

New Jersey

Princeton

New Mexico

Albuquerque

New York

Albany

Buffalo

New York City

White Plains

North Carolina

Charlotte

Durham

Raleigh

Ohio

Akron

Canton

Cincinnati

Cleveland

Columbus

Dayton

Oklahoma

Oklahoma City

Tulsa

Oregon

Portland

Pennsylvania

Philadelphia

Pittsburgh

Rhode Island

Providence

South Carolina

Charleston

Columbia

Greenville

Tennessee

Knoxville

Memphis

Nashville

Texas

Austin

Dallas

El Paso

Houston

San Antonio

Utah

Salt Lake City

Virginia

Alexandria

Arlington

Norfolk

Richmond

Washington

Seattle

Tacoma

West Virginia

Charleston

Wisconsin

Madison

Milwaukee

Alberta

Calgary

Edmonton

British Columbia

Vancouver

Manitoba

Winnipeg

Nova Scotia

Halifax

Ontario

Ottawa

Toronto

Quebec

Montreal

Puerto Rico

San Juan