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

Building Single Page Applications

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
680
Tech Culture in Startups
Avatar for Alexander Beletsky alexbeletsky
0
230
TDD in JavaScript
Avatar for Alexander Beletsky alexbeletsky
4
850
This is Node.js
Avatar for Alexander Beletsky alexbeletsky
10
440
Likeastore
Avatar for Alexander Beletsky alexbeletsky
3
140
PaaS in your pocker with Dokku
Avatar for Alexander Beletsky alexbeletsky
7
2.6k
.NET developer in JavaScript world
Avatar for Alexander Beletsky alexbeletsky
1
2.9k
How to write good tests?
Avatar for Alexander Beletsky alexbeletsky
2
320
Dynamic web development with Oak
Avatar for Alexander Beletsky alexbeletsky
1
620

Other Decks in Programming

See All in Programming
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
290
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6.1k
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
21
7.2k
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
170
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
110
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1.1k
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
730
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
AI & Enginnering
Avatar for codelynx codelynx
0
110
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
450

Featured

See All Featured
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
380
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
55
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
120
Side Projects
Avatar for Sacha Greif sachag
455
43k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
130
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410

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