  Follow-up to why AJAX
|
 AJAX is more searchable than FLASH and Java
|
HTML primer
|
Show example_01
|
XML primer
|
Show example_02
|
XHTML
|
Show example_03
|
Three validators
|
Validate HTML
|
|
Validate CSS
|
|
Validate Links
|
|
AJAX Technology
|
Four core components
|
Javascript
|
interpretted language
|
code in web pages
|
Cascading Style Sheets (CSS)
|
Reusable formatting instructions for data
|
Document Object Model (DOM)
|
web page object
|
programmatically accessible structure of web page
|
XMLHttpRequest Object
|
the heart of asynchronicity
|
provides the callback mechanism for remote procedure calls
|
Technologies are installed in modern browswers
|
IE, Firefox, Safari, Camino,Konqueror
|
Slightly different in each, but manageable
|
not typically installed in mobile platforms
|
First three are DHTML
|
Javascript
|
somewhat similar to C
|
loosely typed
|
var x = 3.145
|
var x = 'pi'
|
interpretted
|
general purpose
|
numbers, strings, arrays, math, text
|
CSS, DOM and XMLHttpRequest are exposed to Javascript
|
tutorial
|
|
How do you put JavaScript in a web page
|
example_04
|
Javascript function with timer
|
example_05
|
Javascript convert to uppercase
|
example_06
|
CSS
|
Separation of content from presentation!!!!
|
Style Sheets allow content to be formatted programmatically
|
consistency
|
transportability
|
Rule-based
|
Selector and a style declaration
|
tutorial
|
definition of all properties
|
|
no styling
|
example_07
|
simple styling - border on images
|
example_07a
|
wackier
|
example_07b
|
wackiest
|
example_07c
|
portability
|
apply styles to my web site
|
example_08
|
idea of a "class"
|
Better examples of doing this well
|
|
DOM
|
An XML document which has the tags of the web page in it.
|
Show example_07's DOM
|
|
Modifiying DOM using Javascript
|
example_10
|
XMLRequestObject
|