Explaining Ajax

Post on 01-Nov-2014

1.855 views 2 download

Tags:

description

 

Transcript of Explaining Ajax

Ajaxclear:left

Jeremy Keith

wordbuzz

Αἴας

wordbuzz 2 . 0

APIs

RSS

folksonomyopen data

participationlong tail

mashupsAjax

Sapir–Whorf hypothesis

word

“It’s really several technologies, each flourishing in its own right, coming together in powerful new ways.”

technology trigger

peak of inflated expectations

trough of disillusionment

slope of enlightenment

plateau of productivity

“The name is shorthand for Asynchronous JavaScript + XML”

AsynchronousJavaScriptAndXML HTML

JSON

AsynchronousJavaScriptAndXML DHTML

DOM Scripting

Asynchronous

“Not at the same time”JavaScriptAndXML

Asynchronous

Asynchronous

speed

“If the traditional web was letter writing, Ajax is instant messaging.”

“Ajax is like roller skates for the Web.”

“Ajax is a way of communicating with the server without refreshing the whole page.”

framesiframeFlashXMLHttpRequest

XMLHttpRequest

MicrosoftMozillaSafariOpera

IE5

W3C

Ajaxin action

documents

applications

browser serverdata

processing

thin client

displaying

browser serverXHRdata

processing

fat client

displaying

dumbwaiter

Hijax

progressiveenhancement

XMLHttpRequestusing

progressiveenhancement

structurepresentationbehaviour

contentHTML

CSSJavaScript

browser serverdata

processingdisplaying

browser serverXHRdata

processing

deceptivelyfat client

displaying

navigationsearch

main contentlog on form

shopping cartfooter

{browser server

XHR

navigationsearch

main contentlog on form

shopping cartfooter

browser

implement Ajax at the end

plan for Ajax from the start

paradox?

pattern recognition

log onadd to cart

rate this

add a comment

search results?

MozillaMozillapagination?

<a href="javascript:...">

<a href="#" onclick= "...">

beware

design challenges

“Don’t be too proud of this technological terror you have created.”

what’s happening?

what just happened?

beyond the browserthe back buttonbookmarking

user testing

AccessibilityJustAin’t

eXciting

“It must still be accessible. It must be usable. If not, it is a cool useless piece of rubbish for some or many people.”

“Unless a way can be found to notify screen readers of updated content, AJAX techniques cannot be considered accessible.”

“This Ajax application is usable by screen-reader users some of the time. They aren’t totally shut out, but it isn’t totally easy for them, either.”

“The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”