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

AJAX: A Gentle Introduction

88dd97cf2dc7f06cc51a01d450f0b1e5?s=47 Adrian Kosmaczewski
PRO
April 26, 2007
Technology
0
3

AJAX: A Gentle Introduction

88dd97cf2dc7f06cc51a01d450f0b1e5?s=128

Adrian Kosmaczewski
PRO

April 26, 2007
Tweet

More Decks by Adrian Kosmaczewski

See All by Adrian Kosmaczewski
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
3
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
3
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
21
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
39
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
6
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
8
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
17
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
32
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
1
22k

Other Decks in Technology

See All in Technology
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
2k
Eae29f3898341b3daa24eb37249c43f0?s=48 ikeda7010
0
610
Ecad9d801d79f6c6e5df93094690685e?s=48 sinsoku
1
120
A64ac825509279a770c13c6fc517f11a?s=48 kawaguti
PRO
0
110
2037978e199b5947c8304d0435de9944?s=48 irisuinwl
0
380
13d936e697fe0f4fa96f926d0a712f6c?s=48 sansanbuildersbox
PRO
0
200
53850955f15249a1a9dc49df6113e400?s=48 line_developers
PRO
3
270
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
PRO
0
240
C7d05b5f01acd82fd8520c6dd5e1f243?s=48 waka
0
330
332f89cc697355902a817506b6995f2b?s=48 ytaka23
10
2.9k
8d6c54ebb889a5fe3f77b763d563fd9f?s=48 serinuntius
0
370
847a328633b1df6b11cc2f72430025e6?s=48 ks91
PRO
0
110

Featured

See All Featured
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
348
27k
E9221b172e78e888355fa2fe4541b595?s=48 mclloyd
PRO
2
7.3k
79acae287842acf29084005533a7fb3b?s=48 hursman
111
9.5k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
34
2.4k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
261
36k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
263
11k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
218
16k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
24
1.1k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.6k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
277
17k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
209
11k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
35
3.8k

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?