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
80

AJAX: A Gentle Introduction

Avatar for Adrian Kosmaczewski

Adrian Kosmaczewski

April 26, 2007
Tweet

More Decks by Adrian Kosmaczewski

See All by Adrian Kosmaczewski
Managing Fleets of Kubernetes Clusters with GitOps
Avatar for Adrian Kosmaczewski akosma
4
230
DevOps in Switzerland from 2018 to 2022
Avatar for Adrian Kosmaczewski akosma
3
300
APPUiO Cloud
Avatar for Adrian Kosmaczewski akosma
2
700
Introduction to K8up
Avatar for Adrian Kosmaczewski akosma
0
360
Creating Products through DevOps: The Story of VSHN
Avatar for Adrian Kosmaczewski akosma
0
240
Everyday Life of an Open-Source Company: The Story of VSHN
Avatar for Adrian Kosmaczewski akosma
0
290
Creating a Product through DevOps: The Story of APPUiO Cloud
Avatar for Adrian Kosmaczewski akosma
0
650
Migrating the GitLab–Kubernetes Integration from Certificates to the Agent
Avatar for Adrian Kosmaczewski akosma
0
500
APPUiO Cloud: Making of a Swiss PaaS
Avatar for Adrian Kosmaczewski akosma
0
240

Other Decks in Technology

See All in Technology
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
Avatar for kazzpapa3 kazzpapa3
2
570
生成AIで小説を書くためにプロンプトの制約や原則について学ぶ / prompt-engineering-for-ai-fiction
Avatar for nwiizo nwiizo
4
3.2k
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
26k
ひとり情シスなCTOがLLMと始めるオペレーション最適化 / CTO's LLM-Powered Ops
Avatar for Mitsuki Ogasahara yamitzky
0
460
Amazon S3標準/ S3 Tables/S3 Express One Zoneを使ったログ分析
Avatar for ShigeruOda shigeruoda
5
580
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
Avatar for Hiroshi Ito itohiro73
1
350
AI導入の理想と現実～コストと浸透〜
Avatar for oprst oprstchn
0
140
ドメイン特化なCLIPモデルとデータセットの紹介
Avatar for tattaka tattaka
1
300
2025-06-26_Lightning_Talk_for_Lightning_Talks
Avatar for hashimo2 _hashimo2
2
110
Understanding_Thread_Tuning_for_Inference_Servers_of_Deep_Models.pdf
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
150
PHP開発者のためのSOLID原則再入門 #phpcon / PHP Conference Japan 2025
Avatar for shogogg shogogg
4
920
Snowflake Summit 2025全体振り返り / Snowflake Summit 2025 Overall Review
Avatar for k.muguruma mtpooh
2
440

Featured

See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.6k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
5.9k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
24k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.3k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
20
1.3k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
281
13k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
36
2.8k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k

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?