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
630
Tech Culture in Startups
Avatar for Alexander Beletsky alexbeletsky
0
200
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
300
Dynamic web development with Oak
Avatar for Alexander Beletsky alexbeletsky
1
600

Other Decks in Programming

See All in Programming
「MCPを使ってる人」が より詳しくなるための解説
Avatar for Kota-Yamaguchi yamaguchidesu
0
290
Reactive Thinking with Signals, Resource API, and httpResource @Devm.io Angular 20 Launch Party
Avatar for Manfred Steyer manfredsteyer
PRO
0
110
知識0からカンファレンスやってみたらこうなった！
Avatar for syossan27 syossan27
5
320
型安全なDrag and Dropの設計を考える
Avatar for yudppp yudppp
5
630
『Python → TypeScript』オンボーディング奮闘記
Avatar for takumi_tatsuno takumi_tatsuno
1
120
テスト分析入門/Test Analysis Tutorial
Avatar for Hiroki Iseri goyoki
9
2.5k
rbs-traceを使ってWEARで型生成を試してみた After RubyKaigi 2025〜ZOZO、ファインディ、ピクシブ〜 / tried rbs-trace on WEAR
Avatar for Kei Oyama oyamakei
0
490
Blueskyのプラグインを作ってみた
Avatar for Hakkadaikon hakkadaikon
1
170
ワイがおすすめする新潟の食 / 20250530phpconf-niigata-eve
Avatar for kasacchiful kasacchiful
0
140
當開發遇上包裝： AI 如何讓產品從想法變成商品
Avatar for Caesar Chi clonn
0
270
Rethinking Data Access: The New httpResource in Angular
Avatar for Manfred Steyer manfredsteyer
PRO
0
190
TypeScript を活かしてデザインシステム MCP を作る / #tskaigi_after_night
Avatar for Masayuki Izumi izumin5210
4
440

Featured

See All Featured
KATA
Avatar for Megan Lloyd mclloyd
29
14k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
6
650
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
613
210k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
523
40k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
133
9.3k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.8k

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