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

Building Single Page Applications

Avatar for Alexander Beletsky Alexander Beletsky
April 25, 2013
Programming
9
5.4k

Building Single Page Applications

The talk I gave in April-2013 on MSSWIT conference in Kiev.
Avatar for Alexander Beletsky

Alexander Beletsky

April 25, 2013
Tweet

More Decks by Alexander Beletsky

See All by Alexander Beletsky
Snapshot Testing: Going beyond UI
Avatar for Alexander Beletsky alexbeletsky
1
640
Tech Culture in Startups
Avatar for Alexander Beletsky alexbeletsky
0
210
TDD in JavaScript
Avatar for Alexander Beletsky alexbeletsky
4
840
This is Node.js
Avatar for Alexander Beletsky alexbeletsky
10
420
Likeastore
Avatar for Alexander Beletsky alexbeletsky
3
130
PaaS in your pocker with Dokku
Avatar for Alexander Beletsky alexbeletsky
7
2.5k
.NET developer in JavaScript world
Avatar for Alexander Beletsky alexbeletsky
1
2.8k
How to write good tests?
Avatar for Alexander Beletsky alexbeletsky
2
310
Dynamic web development with Oak
Avatar for Alexander Beletsky alexbeletsky
1
600

Other Decks in Programming

See All in Programming
『自分のデータだけ見せたい！』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
Avatar for AkitoTsukahara akitotsukahara
2
620
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
Avatar for Kentaro Yoshida y_ken
0
340
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
Avatar for takuya542 takuya542
1
11k
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
Avatar for Márton Braun zsmb
1
280
PHPでWebSocketサーバーを実装しよう2025
Avatar for kubotak kubotak
0
270
Select API from Kotlin Coroutine
Avatar for Matsuda Jumpei jmatsu
1
230
AI時代のソフトウェア開発を考える（2025/07版） / Agentic Software Engineering Findy 2025-07 Edition
Avatar for Takuto Wada twada
PRO
64
20k
なぜ「共通化」を考え、失敗を繰り返すのか
Avatar for Rinchoku rinchoku
1
640
Discover Metal 4
Avatar for rei rei315
2
120
WindowInsetsだってテストしたい
Avatar for RyuNen344 ryunen344
1
240
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
Avatar for shiro seike seike460
PRO
1
360
関数型まつりレポート for JuliaTokai #22
Avatar for GOTOH Shunsuke antimon2
0
160

Featured

See All Featured
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
It's Worth the Effort
Avatar for 3n 3n
185
28k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.4k
Side Projects
Avatar for Sacha Greif sachag
455
42k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k

Transcript

  1. None
  2. None
  3. None

  4. NEW:

  5. NEW:

  6. NEW:

  7. photo by Constantine Stoyanov

  8. API-ORIENTED

  9. None
  10. None
  11. None
  12. None

  13. How to build Single Page Applications?

  14. None

  15. ASP.NET MVC / Backbone.js

  16. Node.js / Backbone.js

  17. Server

  18. None
  19. None

  20. … doesn’t really matter, as long as 2 functions accomplished

  21. OPEN API: HTTP GET http://app.com/api/sales/invoices/:id HTTP POST http://api.app.com/api/expenses/payments HTTP PUT

    http://api.app.com/api/sales/drafts/:id HTTP DELETE http://api.app.com/api/sales/products/:id

  22. MASTER HTML: <div class="container"> <div id="app" class="container"></div> </div>

  23. Client

  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None

  35. Application Route

  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None
  44. None
  45. None