Explaining Ajax

1,372 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,372
On SlideShare
0
From Embeds
0
Number of Embeds
32
Actions
Shares
0
Downloads
51
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Explaining Ajax

  1. 1. Ajax Jeremy Keith clear:left
  2. 2. buzzword Αἴας
  3. 3. buzzword2 . 0 long tail participation RSS Ajax mashups open data folksonomy APIs
  4. 4. word Sapir–Whorf hypothesis
  5. 5. “It’s really several technologies, each flourishing in its own right, coming together in powerful new ways.”
  6. 6. peak of inflated expectations plateau of productivity slope of enlightenment trough of disillusionment technology trigger
  7. 7. “The name is shorthand for Asynchronous JavaScript + XML”
  8. 8. Asynchronous JavaScript And HTML XML JSON
  9. 9. Asynchronous JavaScript AndDOM Scripting XML DHTML
  10. 10. Asynchronous JavaScript “Not at the same time” And XML
  11. 11. Asynchronous
  12. 12. Asynchronous
  13. 13. speed
  14. 14. “If the traditional web was letter writing, Ajax is instant messaging.”
  15. 15. “Ajax is like roller skates for the Web.”
  16. 16. “Ajax is a way of communicating with the server without refreshing the whole page.”
  17. 17. frames iframe Flash XMLHttpRequest
  18. 18. Microsoft IE5 Mozilla Safari Opera W3C XMLHttpRequest
  19. 19. Ajax in action
  20. 20. documents applications
  21. 21. thin client browser server displaying data processing
  22. 22. fat client browser XHR server displaying data processing
  23. 23. dumb waiter
  24. 24. progressive enhancement Hijax
  25. 25. progressive enhancement using XMLHttpRequest
  26. 26. behaviour JavaScript presentation CSS structureHTML content
  27. 27. browser server displaying data processing
  28. 28. deceptively fat client browser XHR server displaying data processing
  29. 29. Hijax in action
  30. 30. { navigation search main content browser server on form log shopping cart footer
  31. 31. navigation search main content browser XHR log on form shopping cart footer
  32. 32. paradox? plan for Ajax from the start implement Ajax at the end
  33. 33. pattern recognition add a comment log on add to cart rate this search results? pagination?
  34. 34. beware <a href=quot;javascript:...quot;> <a href=quot;#quot; onclick= quot;...quot;>
  35. 35. design challenges
  36. 36. “Don’t be too proud of this technological terror you have created.”
  37. 37. what’s happening?
  38. 38. what just happened?
  39. 39. beyond the browser the back button bookmarking
  40. 40. user testing
  41. 41. Accessibility Just Ain’t eXciting
  42. 42. “It must still be accessible. It must be usable. If not, it is a cool useless piece of rubbish for some or many people.”
  43. 43. “Unless a way can be found to notify screen readers of updated content, AJAX techniques cannot be considered accessible.”
  44. 44. “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.”
  45. 45. “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
  46. 46. thank you adactio.com http://flickr.com/photos/flydown/42047131/ http://flickr.com/photos/bizzygirl/291918549/ http://flickr.com/photos/benchan/150094224/ http://flickr.com/photos/rogerjones/121736518/ http://flickr.com/photos/veeliam/243306535/ http://flickr.com/photos/ianlloyd/240719862/ http://flickr.com/photos/doctorow/94673455/ http://flickr.com/photos/chuckbiscuito/161971512/

×