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
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
540
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
670
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
180
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
370
2年のAppleウォレットパス開発の振り返り
Avatar for muno92 muno92
PRO
0
200
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
170
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
980
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
540
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.3k
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
Avatar for Takashi Kokubun k0kubun
1
390
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
140

Featured

See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
55
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
280
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
89
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
54
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
182
10k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
210

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