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

The Future of Single Page Apps – LNUG Feb 2013

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Ben Firshman Ben Firshman
February 27, 2013
Programming
770
2

The Future of Single Page Apps – LNUG Feb 2013

Avatar for Ben Firshman

Ben Firshman

February 27, 2013

More Decks by Ben Firshman

See All by Ben Firshman
Building serverless apps with Docker
Avatar for Ben Firshman bfirsh
0
460
How to use an Internet sized computer
Avatar for Ben Firshman bfirsh
0
620
Docker Compose: More than just development environment
Avatar for Ben Firshman bfirsh
2
780
New things we're working on at Docker
Avatar for Ben Firshman bfirsh
2
1k
Alternative Views
Avatar for Ben Firshman bfirsh
1
160

Other Decks in Programming

See All in Programming
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
Avatar for techs-targe targe
0
160
2026-03-27 #terminalnight 変数展開とコマンド展開でターミナル作業をスマートにする方法
Avatar for SUZUKI Masashi masasuzu
0
270
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
Avatar for nrs nrslib
16
3.5k
おれのAgentic Coding 2026/03
Avatar for TsukasaSekiguchi tsukasagr
1
120
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
Avatar for Tasuku Watanabe tasukuwatanabe
3
440
車輪の再発明をしよう！PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
Avatar for H1R0 h1r0
2
480
見せてもらおうか、 OpenSearchの性能とやらを！
Avatar for shunta ichikawa shunta27
1
170
存在論的プログラミング： 時間と存在を記述する
Avatar for Akihito Koriyama koriym
5
750
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
370
ローカルで稼働する AI エージェントを超えて / beyond-local-ai-agents
Avatar for geeawa gawa
1
230
AI時代のシステム設計：ドメインモデルで変更しやすさを守る設計戦略
Avatar for 増田 亨 masuda220
PRO
6
1.2k
Claude Codeログ基盤の構築
Avatar for giginet giginet
PRO
7
3.8k

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.4k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.1k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
430
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
68
38k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
700
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
95

Transcript

  1. THE FUTURE of SINGLE PAGE APPS

  2. HTTP SERVER BROWSER FILESYSTEM

  3. APP BROWSER DATABASE

  4. APP BROWSER + JAVASCRIPT DATABASE

  5. None
  6. None

  7. #

  8. DATABASE APP BROWSER

  9. API APP BROWSER

  10. None

  11. 1. Fast.*

  12. 1. Fast.* 2.Single code base.

  13. 1. Fast.* 2.Single code base. 3.They were sort of cool.

  14. None
  15. None
  16. None
  17. None
  18. None

  19. #

  20. https://twitter.com/#!/bfirsh GET / HTTP/1.1 Host: twitter.com

  21. None

  22. pushState

  23. APP BROWSER + JAVASCRIPT DATABASE HTML

  24. Hijax: http://bit.ly/YzZ0SM Pjax: http://bit.ly/es0Y9e New New Twitter: http://bit.ly/ReI3gg

  25. API APP BROWSER JSON

  26. APP APP BROWSER HTML API JSON

  27. APP APP BROWSER HTML API JSON

  28. GITHUB.COM/AIRBNB/RENDR

  29. APP BROWSER API HTML

  30. API APP BROWSER JSON

  31. SERVICE APP BROWSER JSON SERVICE

  32. DERBYJS.COM

  33. SHAREJS.ORG

  34. { “i”: “hello world”, “p”: 10 }

  35. METEOR.COM

  36. APP APP BROWSER HTML API JSON

  37. APP APP BROWSER HTML API JSON JSON HTML

  38. MODEL VIEW TEMPLATE

  39. NODE BROWSER

  40. NODE BROWSER RENDR / DERBY APP

  41. ZOMBIE.LABNOTES.ORG

  42. GITHUB.COM/BFIRSH/OTTER

  43. DOM?

  44. BETTER DOM!

  45. “gifs”

  46. “gifs” https://www.google.com/search?q=$query

  47. “gifs” https://www.google.com/search?q=$query <a href=”$uri”>GIFS!</a>

  48. bit.ly/12wGCtV github.com/jcoglan/coping

  49. RENDR DERBY METEOR ...?

  50. Credit: http://www.flickr.com/photos/psd/2918889380/ Thank you. @bfirsh