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

AJAX: A Gentle Introduction

Adrian Kosmaczewski
April 26, 2007
Technology
0
62

AJAX: A Gentle Introduction

Adrian Kosmaczewski

April 26, 2007
Tweet

More Decks by Adrian Kosmaczewski

See All by Adrian Kosmaczewski
Managing Fleets of Kubernetes Clusters with GitOps
akosma
4
190
DevOps in Switzerland from 2018 to 2022
akosma
3
250
APPUiO Cloud
akosma
2
660
Introduction to K8up
akosma
0
310
Creating Products through DevOps: The Story of VSHN
akosma
0
200
Everyday Life of an Open-Source Company: The Story of VSHN
akosma
0
250
Creating a Product through DevOps: The Story of APPUiO Cloud
akosma
0
570
Migrating the GitLab–Kubernetes Integration from Certificates to the Agent
akosma
0
440
APPUiO Cloud: Making of a Swiss PaaS
akosma
0
210

Other Decks in Technology

See All in Technology
srekaigi2025-hajimete-ippo-aws
masakichieng
0
240
[2024年10月版] Notebook 2.0のご紹介 / Notebook2.0
databricksjapan
0
1.6k
CNAPPから考えるAWSガバナンスの実践と最適化
yuobayashi
5
680
プロダクト観点で考えるデータ基盤の育成戦略 / Growth Strategy of Data Analytics Platforms from a Product Perspective
yamamotoyuta
0
150
NOSTR, réseau social et espace de liberté décentralisé
rlifchitz
0
130
攻撃者の視点で社内リソースはどう見えるのかを ASMで実現する
hikaruegashira
4
2.1k
Zenn のウラガワ ~エンジニアのアウトプットを支える環境で Google Cloud が採用されているワケ~ #burikaigi #burikaigi_h
kongmingstrap
18
6.8k
サーバーレスで楽しよう！お気軽に始められる3つのポイント / Have fun with Serverless!
_kensh
2
230
Skip Skip Run Run Run ♫
temoki
0
360
Amazon Aurora バージョンアップについて、改めて理解する ～バージョンアップ手法と文字コードへの影響～
smt7174
1
240
Tech Blog執筆のモチベート向上作戦
imamura_ko_0314
0
740
アクセシブルなマークアップの上に成り立つユーザーファーストなドロップダウンメニューの実装 / 20250127_cloudsign_User1st_FE
bengo4com
2
1.2k

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
270
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
380
No one is an island. Learnings from fostering a developers community.
thoeni
20
3.1k
We Have a Design System, Now What?
morganepeng
51
7.4k
Rails Girls Zürich Keynote
gr2m
94
13k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
19k

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?