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

AJAX: A Gentle Introduction

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
Managing Fleets of Kubernetes Clusters with GitOps
Avatar for Adrian Kosmaczewski akosma
4
270
DevOps in Switzerland from 2018 to 2022
Avatar for Adrian Kosmaczewski akosma
4
350
APPUiO Cloud
Avatar for Adrian Kosmaczewski akosma
2
770
Introduction to K8up
Avatar for Adrian Kosmaczewski akosma
0
420
Creating Products through DevOps: The Story of VSHN
Avatar for Adrian Kosmaczewski akosma
0
280
Everyday Life of an Open-Source Company: The Story of VSHN
Avatar for Adrian Kosmaczewski akosma
0
360
Creating a Product through DevOps: The Story of APPUiO Cloud
Avatar for Adrian Kosmaczewski akosma
0
740
Migrating the GitLab–Kubernetes Integration from Certificates to the Agent
Avatar for Adrian Kosmaczewski akosma
0
580
APPUiO Cloud: Making of a Swiss PaaS
Avatar for Adrian Kosmaczewski akosma
0
280

Other Decks in Technology

See All in Technology
学生・新卒・ジュニアから目指すSRE
Avatar for Hiroya Onoe hiroyaonoe
2
650
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
480
We Built for Predictability; The Workloads Didn’t Care
Avatar for Michael Stahnke stahnma
0
140
AWS Network Firewall Proxyを触ってみた
Avatar for nagisa_53 nagisa53
1
240
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
Avatar for Kuniaki Moriya zepprix
0
460
仕様書駆動AI開発の実践： Issue→Skill→PRテンプレで 再現性を作る
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
2
680
今日から始める Amazon Bedrock AgentCore
Avatar for Har1101 har1101
4
410
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
Avatar for soudai sone soudai
PRO
12
5.6k
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
Avatar for Rocket Martue rocketmartue
1
310
OpenShiftでllm-dを動かそう！
Avatar for jpishikawa jpishikawa
0
130
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
Avatar for capytan capytan
6
2.8k
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
Avatar for おおいし bicstone
3
120

Featured

See All Featured
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
67
Design in an AI World
Avatar for tapps tapps
0
140
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
89
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.5k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
71k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
390
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
100
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
350
Designing for Performance
Avatar for Lara Hogan lara
610
70k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
220
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.3k

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?