Your SlideShare is downloading. ×
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Explaining Ajax
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Explaining Ajax

1,034

Published on

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

No Downloads
Views
Total Views
1,034
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
50
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×