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
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
170

Other Decks in Programming

See All in Programming
AI時代のUIはどこへ行く？その2！
Avatar for Yusuke Wada yusukebe
19
6.6k
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
Avatar for hideki kinjyo o0h
PRO
0
180
Oxcを導入して開発体験が向上した話
Avatar for Yuji Yamaguchi yug1224
4
280
CSC307 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
310
AIエージェントの隔離技術の徹底比較
Avatar for kawayu kawayu
0
460
フロントエンドとバックエンドで「1文字」を揃えよう
Avatar for てきめん tekimen youkidearitai
PRO
0
190
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
3
540
3Dシーンの圧縮
Avatar for Fadis fadis
1
600
開発体験を左右するライブラリの API 設計 - GraphQL スキーマ構築ライブラリから考える #tskaigi
Avatar for izumin5210 izumin5210
2
1.6k
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
Avatar for doriven d0riven
0
260
Datadog × OpenTelemetry 入門と実践のあいだ
Avatar for Max Kento kn_to_maxpno
1
140
net-httpのHTTP/2対応について
Avatar for NARUSE, Yui naruse
0
430

Featured

See All Featured
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
860
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
240
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.1k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
550
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.1k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
530
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
210
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
230
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
44k

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