Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AJAX: A Gentle Introduction

AJAX: A Gentle Introduction

88dd97cf2dc7f06cc51a01d450f0b1e5?s=128

Adrian Kosmaczewski
PRO

April 26, 2007
Tweet

Transcript

  1. AJAX

  2. A gentle introduction

  3. (very gentle)

  4. None
  5. What is AJAX?

  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. None
  15. Asynchronous Javascript And XML

  16. Why?

  17. Interactive Web Apps

  18. None
  19. No need to reload pages

  20. None
  21. Less restrictive

  22. None
  23. It is more a pattern...

  24. None
  25. ...than a technology

  26. None
  27. Who? When?

  28. None
  29. The first AJAX application was Outlook Web Access

  30. None
  31. Adopted by Mozilla

  32. None
  33. And Google

  34. None
  35. None
  36. None
  37. Jesse James Garrett from Adaptive Path coined the name “AJAX”

  38. None
  39. New technology?

  40. (not really)

  41. None
  42. HTML + CSS

  43. None
  44. DOM

  45. None
  46. XMLHttpRequest

  47. None
  48. JavaScript...

  49. None
  50. ...acting as the glue

  51. None
  52. What for?

  53. Real-time form validation

  54. None
  55. Auto-completion

  56. Master-detail views

  57. ... sophisticated UIs

  58. None
  59. Happy users

  60. None
  61. None
  62. None
  63. None
  64. How?

  65. None
  66. HTTP requests in the background

  67. None
  68. (lots of them)

  69. Asynchronously

  70. None
  71. Callbacks in JavaScript

  72. None
  73. readyState == 4 && request.status == 200

  74. None
  75. responseText responseXml

  76. None
  77. Interactions

  78. None
  79. None
  80. None
  81. Problems?

  82. Back button

  83. None
  84. Bookmarks

  85. None
  86. Confusing user experience

  87. None
  88. More JavaScript!

  89. None
  90. Difficult to debug

  91. None
  92. Viewable source

  93. None
  94. Browser support?

  95. Internet Explorer 5+

  96. None
  97. Mozilla Opera 9+ Apple Safari

  98. Web 2.0?

  99. None
  100. AJAX ≠ Web 2.0

  101. AJAX < Web 2.0

  102. AJAX = Core feature of Web 2.0

  103. None
  104. Web as a platform Collective intelligence Multiple devices Rich user

    experience
  105. Future?

  106. None
  107. None
  108. None
  109. None
  110. None
  111. None
  112. Books?

  113. None
  114. None
  115. None
  116. None
  117. None
  118. And one more thing...

  119. None
  120. Thank you!

  121. Questions?