Intro

Stairway to bootleg heaven

Admin

AJAX - Breaking it down

Draw the architecture

Four core components

DHTML

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

Javascript

Somewhat similar to C

loosely typed

var x = 3.145

var x = 'pi'

interpretted language

general purpose

numbers, strings, arrays, math,text

algorithms

CSS, DOM and XMLHttpRequest are exposed to Javascript

Great tutorial online

example_00.html - baseline

example_01.html - adding basic javascript tag

example_02.html - timer

example_03.html - converting to upper case

DOM

Elements in an XHTML page are organized in a tree

just like handout #1

look at the DOM inspector from the example from handout #1

example_04

In practice

Look at Google Maps

What about Google Maps is Asynchronous?