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
2

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
4
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
19
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
4
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
7
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
14
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
30
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
1
21k
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
1
93
88dd97cf2dc7f06cc51a01d450f0b1e5?s=48 akosma
PRO
0
23

Other Decks in Technology

See All in Technology
369bc00f6a4b6d8d8b7d82df901009c2?s=48 korbeil
1
150
657ac87f75c375156e5f79cdadebed4d?s=48 yasuoyasuo
0
120
7e20183342a040a32924a41343603286?s=48 konabuta
0
1.2k
47e8318347fb8cd6a2c39bc6cf6e333e?s=48 hfm
0
140
179d41d0fdd38c6980de9f2ae0e4768a?s=48 9wick
0
350
5df7b3418b4b5528ddfe514d73008883?s=48 tsugimot
0
150
06f1b10e5372a6afe555e784fcd52975?s=48 m_mochizuki
0
110
4047c64e3a1e2f81addd4ba675ddc451?s=48 zsmb
0
150
140494d272a4d89883a94fdfdb29dea2?s=48 oracle4engineer
PRO
1
320
61fe6537eed31e8d1999ce1c1d5bf988?s=48 himaratsu
2
240
8e308462954f8c38cc60dabb8b7bc6a3?s=48 widstkyi
0
380
Cd891a89dfec6ca7bd278b5f5bd87c90?s=48 tzkoba
11
3k

Featured

See All Featured
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
293
28k
78b475797a14c84799063c7cd073962f?s=48 holman
290
130k
78b475797a14c84799063c7cd073962f?s=48 holman
448
140k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
587
210k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
30
1.5k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
120
8.1k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
29
1k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
158
6.6k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
204
20k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
12
1.9k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
13
950
245cee81a9c424266e5e401d844ea881?s=48 lara
591
61k

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?