explaining Ajax
e x plaining Aja x ?
“ It’s really several technologies, each flourishing in its own right, coming together in powerful new ways.”
word Sapir–Whorf hypothesis
word buzz Αἴας
the X factor e x calibur e x celsior OS  X X HTML X ML Macromedia M X Windows  X P X Forms X Path X SLT lu x or
word buzz 2 . 0 APIs RSS folksonomy open data participation long tail mashups Ajax
technology trigger peak of inflated expectations trough of disillusionment slope of enlightenment plateau of productivity
“ The name is shorthand for Asynchronous JavaScript + XML”
A synchronous J avaScript A nd X ML
Asynchronous JavaScript And X ML HTML JSON
Asynchronous J avaScript And XML DHTML DOM Scripting
A synchronous “ Not at the same time” JavaScript And XML
A synchronous
A synchronous
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.”
frames iframe Flash XMLHttpRequest
X MLHttpRequest Microsoft Mozilla Safari Opera IE5 W3C
“ Big deal! I’ve been doing remote scripting for years.”
“ It’s a whole new paradigm, baby!”
Am I Ajax or not?
 
 
 
 
 
 
 
documents applications
pattern recognition log on add to cart rate this add a comment search results? Mozilla Mozilla pagination?
design challenges
“ Don’t be too proud of this technological terror you have created.”
what’s happening?
what just happened?
conventions status indicators yellow fade drag’n’drop
interesting moments
“ As simple as possible... but no simpler.”
b eyond the  b rowser the  b ack  b utton b ookmarking
discoverability
“ Being able to justify every pixel.”
user testing
A ccessibility J ust A in’t e X citing
“ 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 tota...
“ The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
thank you http://flickr.com/photos/veeliam/243306535/ http://flickr.com/photos/ianlloyd/240719862/ http://flickr.com/photo...
Upcoming SlideShare
Loading in...5
×

Explaining Ajax

3,466

Published on

Apart from being the buzzword de jour, what is this Ajax stuff that everyone is talking about? Take a look at some implementations out there and start thinking about how Ajax can add value to your site.

Published in: Technology, Education
0 Comments
12 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,466
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
12
Embeds 0
No embeds

No notes for slide

Explaining Ajax

  1. 1. explaining Ajax
  2. 2. e x plaining Aja x ?
  3. 3. “ It’s really several technologies, each flourishing in its own right, coming together in powerful new ways.”
  4. 4. word Sapir–Whorf hypothesis
  5. 5. word buzz Αἴας
  6. 6. the X factor e x calibur e x celsior OS X X HTML X ML Macromedia M X Windows X P X Forms X Path X SLT lu x or
  7. 7. word buzz 2 . 0 APIs RSS folksonomy open data participation long tail mashups Ajax
  8. 8. technology trigger peak of inflated expectations trough of disillusionment slope of enlightenment plateau of productivity
  9. 9. “ The name is shorthand for Asynchronous JavaScript + XML”
  10. 10. A synchronous J avaScript A nd X ML
  11. 11. Asynchronous JavaScript And X ML HTML JSON
  12. 12. Asynchronous J avaScript And XML DHTML DOM Scripting
  13. 13. A synchronous “ Not at the same time” JavaScript And XML
  14. 14. A synchronous
  15. 15. A synchronous
  16. 16. speed
  17. 17. “ If the traditional web was letter writing, Ajax is instant messaging.”
  18. 18. “ Ajax is like roller skates for the Web.”
  19. 19. “ Ajax is a way of communicating with the server without refreshing the whole page.”
  20. 20. frames iframe Flash XMLHttpRequest
  21. 21. X MLHttpRequest Microsoft Mozilla Safari Opera IE5 W3C
  22. 22. “ Big deal! I’ve been doing remote scripting for years.”
  23. 23. “ It’s a whole new paradigm, baby!”
  24. 24. Am I Ajax or not?
  25. 32. documents applications
  26. 33. pattern recognition log on add to cart rate this add a comment search results? Mozilla Mozilla pagination?
  27. 34. design challenges
  28. 35. “ Don’t be too proud of this technological terror you have created.”
  29. 36. what’s happening?
  30. 37. what just happened?
  31. 38. conventions status indicators yellow fade drag’n’drop
  32. 39. interesting moments
  33. 40. “ As simple as possible... but no simpler.”
  34. 41. b eyond the b rowser the b ack b utton b ookmarking
  35. 42. discoverability
  36. 43. “ Being able to justify every pixel.”
  37. 44. user testing
  38. 45. A ccessibility J ust A in’t e X citing
  39. 46. “ It must still be accessible. It must be usable. If not, it is a cool useless piece of rubbish for some or many people.”
  40. 48. “ Unless a way can be found to notify screen readers of updated content, AJAX techniques cannot be considered accessible.”
  41. 49. “ 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.”
  42. 50. “ The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
  43. 51. thank you http://flickr.com/photos/veeliam/243306535/ http://flickr.com/photos/ianlloyd/240719862/ http://flickr.com/photos/wiseacre/88944650/ http://flickr.com/photos/fuzzcat/22019163/ adactio.com http://flickr.com/photos/doctorow/94673455/ http://flickr.com/photos/chuckbiscuito/161971512/

×