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

AJAX: A Gentle Introduction

Avatar for Adrian Kosmaczewski Adrian Kosmaczewski
April 26, 2007
Technology
0
120

AJAX: A Gentle Introduction

Avatar for Adrian Kosmaczewski

Adrian Kosmaczewski

April 26, 2007
Tweet

More Decks by Adrian Kosmaczewski

See All by Adrian Kosmaczewski
What's in your Container? Securing the Software Supply Chain without Slowing Down
Avatar for Adrian Kosmaczewski akosma
0
18
Managing Fleets of Kubernetes Clusters with GitOps
Avatar for Adrian Kosmaczewski akosma
4
280
DevOps in Switzerland from 2018 to 2022
Avatar for Adrian Kosmaczewski akosma
4
360
APPUiO Cloud
Avatar for Adrian Kosmaczewski akosma
2
780
Introduction to K8up
Avatar for Adrian Kosmaczewski akosma
0
420
Creating Products through DevOps: The Story of VSHN
Avatar for Adrian Kosmaczewski akosma
0
290
Everyday Life of an Open-Source Company: The Story of VSHN
Avatar for Adrian Kosmaczewski akosma
0
370
Creating a Product through DevOps: The Story of APPUiO Cloud
Avatar for Adrian Kosmaczewski akosma
0
760
Migrating the GitLab–Kubernetes Integration from Certificates to the Agent
Avatar for Adrian Kosmaczewski akosma
0
610

Other Decks in Technology

See All in Technology
「ストレッチゾーンに挑戦し続ける」ことって難しくないですか？ メンバーの持続的成長を支えるEMの環境設計
Avatar for SansanTech sansantech
PRO
1
160
ヘルシーSRE
Avatar for Hiroki Takatsuka tk3fftk
2
230
技術キャッチアップ効率化を実現する記事推薦システムの構築
Avatar for Yudai Hayashi yudai00
2
170
【SLO】"多様な期待値" と向き合ってみた
Avatar for kaita z63d
2
290
Agentic Software Modernization - Back to the Roots (Zürich Agentic Coding and Architectures, März 2026)
Avatar for Markus Harrer feststelltaste
0
120
AI Coding Agentの地殻変動 ～ ai-coding.info の定点観測 ～
Avatar for kotauchisunsun kotauchisunsun
1
510
【PyCon mini Shizuoka 2026】生成AI時代に画像処理やオーディオ処理のノードエディターを作る理由
Avatar for 高橋かずひと kazuhitotakahashi
0
260
LY Tableauでの Tableau x AIの実践 (at Tableau Now! - 2026-02-26)
Avatar for Yoshitaka Arakawa yoshitakaarakawa
0
1.2k
型を書かないRuby開発への挑戦
Avatar for Shia riseshia
0
140
サンタコンペ2025完全攻略 ～お前らの焼きなましは遅すぎる～
Avatar for terry-u16 terryu16
1
570
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
71k
研究開発部メンバーの働き⽅ / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
4
22k

Featured

See All Featured
Side Projects
Avatar for Sacha Greif sachag
455
43k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.8k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
64
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
360
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.4k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.7k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.3k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
370

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?