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

The Future of Single Page Apps – LNUG Feb 2013

Avatar for Ben Firshman Ben Firshman
February 27, 2013
Programming
2
760

The Future of Single Page Apps – LNUG Feb 2013

Avatar for Ben Firshman

Ben Firshman

February 27, 2013
Tweet

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
610
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
実践Claude Code：20の失敗から学ぶAIペアプログラミング
Avatar for 武田隆志 takedatakashi
18
8.7k
Go言語の特性を活かした公式MCP SDKの設計
Avatar for hond hond0413
2
530
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
640
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
Avatar for 入井 啓太 iriikeita
0
340
釣り地図SNSにおける有料機能の実装
Avatar for nokonoko1203 nokonoko1203
0
200
Pythonに漸進的に型をつける
Avatar for Nealle nealle
1
130
O Que É e Como Funciona o PHP-FPM?
Avatar for Marcel dos Santos marcelgsantos
0
200
TFLintカスタムプラグインで始める Terraformコード品質管理
Avatar for bells17 bells17
2
440
NixOS + Kubernetesで構築する自宅サーバーのすべて
Avatar for ichi-h ichi_h3
0
1.2k
マンガアプリViewerの大画面対応を考える
Avatar for kk__777 kk__777
0
260
オープンソースソフトウェアへの解像度🔬
Avatar for うたもく utam0k
17
3.1k
なんでRustの環境構築してないのにRust製のツールが動くの？ / Why Do Rust-Based Tools Run Without a Rust Environment?
Avatar for TOMIKAWA Sotaro ssssota
14
46k

Featured

See All Featured
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
233
18k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
54k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
620
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.2k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
27
2.1k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
44
7.8k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
640
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k

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