Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

AJAX: A Gentle Introduction

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

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
260
DevOps in Switzerland from 2018 to 2022
Avatar for Adrian Kosmaczewski akosma
4
340
APPUiO Cloud
Avatar for Adrian Kosmaczewski akosma
2
750
Introduction to K8up
Avatar for Adrian Kosmaczewski akosma
0
410
Creating Products through DevOps: The Story of VSHN
Avatar for Adrian Kosmaczewski akosma
0
270
Everyday Life of an Open-Source Company: The Story of VSHN
Avatar for Adrian Kosmaczewski akosma
0
340
Creating a Product through DevOps: The Story of APPUiO Cloud
Avatar for Adrian Kosmaczewski akosma
0
700
Migrating the GitLab–Kubernetes Integration from Certificates to the Agent
Avatar for Adrian Kosmaczewski akosma
0
560
APPUiO Cloud: Making of a Swiss PaaS
Avatar for Adrian Kosmaczewski akosma
0
270

Other Decks in Technology

See All in Technology
Claude Code Getting Started Guide(en)
Avatar for Oikon oikon48
0
150
プロダクトマネージャーが押さえておくべき、ソフトウェア資産とAIエージェント投資効果 / pmconf2025
Avatar for Masato Ishigaki / 石垣雅人 i35_267
2
360
Agents IA : la nouvelle frontière des LLMs (Tech.Rocks Summit 2025)
Avatar for Guillaume Laforge glaforge
0
400
原理から解き明かす AIと人間の成長 - Progate BAR
Avatar for Teba_eleven teba_eleven
2
300
Security Diaries of an Open Source IAM
Avatar for Alexander Schwartz ahus1
0
120
Claude Code はじめてガイド -1時間で学べるAI駆動開発の基本と実践-
Avatar for Oikon oikon48
43
26k
AI 時代のデータ戦略
Avatar for na0 na0
8
3.3k
ML PM Talk #1 - ML PMの分類に関する考察
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
550
事業部のプロジェクト進行と開発チームの改善の “時間軸" のすり合わせ
Avatar for konifar konifar
9
3.1k
Ryzen NPUにおけるAI Engineプログラミング
Avatar for Jun Ando anjn
0
220
その設計、 本当に価値を生んでますか？
Avatar for akshimo shimomura
3
190
Capture Checking / Separation Checking 入門
Avatar for Rikito Taniguchi tanishiking
0
110

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
58
6.1k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
69k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
700
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.5k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
73
5k
Navigating Team Friction
Avatar for Lara Hogan lara
191
16k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
8
1.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.7k

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?