Web Development Tips for PL/SQL Programmers

How Does a PL/SQL Programmer Get Started with Web Development?

Learn FireFox’s Firebug or Chrome’s developer tool, HTML, CSS, DOM, AJAX, and JavaScript

Are you an expert server side software developer who needs to migrate to a browser based environment like Oracle Application Express (APEX)? Then this free tutorial is for you; it will help you to “break the back” on the somewhat steep learning curve that is required when you start learning how to effectively use client side browser tools like FireFox’s Firebug and Chrome’s developer tool. APEX expert and author Patrick Cimolini leads you, step by step, from a simple “hello world” web page to some real-world APEX pages; showing you along the way how to use the browser tools to inspect, test, and debug your HTML, CSS, DOM, AJAX, and JavaScript code.

The tutorial introduces the audience to the important browser development tools that are required in order to take advantage of the web’s browser based environment. Students are shown how to analyse and debug a web page by using the development tools that are built into the FireFox and Chrome browsers. The webinar starts with a simple “hello world” web page and then progresses, step by step, into real-world APEX pages where HTML, CSS, DOM, AJAX, and Javascript must be inspected, tested, and debugged. We’ll de-mystify the web tools and help you achieve a level of comfort and confidence when working with the client side web tools.

This free training is segmented into several separate lessons:

  1. Introduction & Agenda (2:11)
  2. Languages and Tools You Should learn (4:03)
  3. Demonstration: Use Google Chrome Inspect Element to Learn from the Experts (3:41)
  4. Using Hello World to Learn Chrome’s Inspect Element Tool (4:39)
  5. Adding CSS to Hello World (The Class and ID Selectors) (2:47)
  6. Demonstration: Adding CSS (5:56)
  7. A Word About Webkit (1:58) (click on video below)
  8. Introduction to and Debugging JavaScript (2:43)
  9. Demonstration: Debugging JavaScript (5:37)
  10. Inspecting AJAX Network Traffic (7:33)
  11. Oracle APEX Example: Borrowing HTML Elements from Existing Pages (8:41)
  12. CSS in APEX (1:37)

Date: Dec 17, 2013

For more Web Development Training see out HTML5, CSS3 and JavaScript class.

NOTE: Some corporate firewalls will not allow videos hosted by YouTube.


A Word About Webkit

Web Developer Primer for PL/SQL 


7. A Word About Webkit


>> Patrick:  Notice down here there’s this -webkit- syntax down at the bottom here? When I first looked at that that got me really confused because sometimes in the Chrome I’d see webkit and whereas in Firefox I’d see moz. I didn’t really know what was going on in there. So I just got to say a couple of words about that. 


You got to remember here even though that HTML 5 and Cascading Style Sheet 3 are out there and being used in production, they’re still not finalized. Those standards are still works in progress, and so the individual browsers have made their best guess as to how to implement those or certain aspects of those. And so they end up with their prefix. 


For example, we have -moz- here for the Firefox, webkit for Chrome and Safari, O for Opera, and MS for Microsoft. If you want to know more and more about this, you can actually go to this site, This site is absolutely mandatory. It’s an extremely good reference site for the Cascading Style Sheet, HTML, and JavaScript. 




When you look at production Cascading Style Sheet files, you’ll actually see support for all of the browsers using the various syntax things here. At the very bottom usually they have the standard syntax which is the proposed syntax by the standards body. But depending on the version of your browser and the type of browser you have, one of these will be picked and the others will be ignored.


Copyright 2017

Free Online Registration Required

The tutorial session you want to view requires your registering with us.

It’s fast and easy, and totally FREE.

And best of all, once you are registered, you’ll also have access to all the other 100’s of FREE Video Tutorials we offer!