Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Building Single Page Applications

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Alexander Beletsky Alexander Beletsky
April 25, 2013
Programming
5.5k
9

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

More Decks by Alexander Beletsky

See All by Alexander Beletsky
Snapshot Testing: Going beyond UI
Avatar for Alexander Beletsky alexbeletsky
1
730
Tech Culture in Startups
Avatar for Alexander Beletsky alexbeletsky
0
270
TDD in JavaScript
Avatar for Alexander Beletsky alexbeletsky
4
870
This is Node.js
Avatar for Alexander Beletsky alexbeletsky
10
490
Likeastore
Avatar for Alexander Beletsky alexbeletsky
3
190
PaaS in your pocker with Dokku
Avatar for Alexander Beletsky alexbeletsky
7
2.7k
.NET developer in JavaScript world
Avatar for Alexander Beletsky alexbeletsky
1
2.9k
How to write good tests?
Avatar for Alexander Beletsky alexbeletsky
2
360
Dynamic web development with Oak
Avatar for Alexander Beletsky alexbeletsky
1
670

Other Decks in Programming

See All in Programming
コードで差別化できない時代の ソフトウェアエンジニアリング / Software Engineering in an Era Where Code Doesn’t Differentiate
Avatar for Naoki Kishida kishida
2
160
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
Avatar for yub0n yub0n
2
1.6k
気持ちぃ〜角丸 Squircle
Avatar for ryu ryu1013
0
280
なぜCTOを降りてFDEを選んだのか？〜なぜプロダクト企業がFDEで顧客の現場に踏み込むのか〜
Avatar for ryuta sakamoto gonta
1
190
AI が書く Go コードの品質を劇的に向上させる Linter: “declscope”
Avatar for mpyw mpyw
0
490
AIに “答え“を書かせるのを やめてみた
Avatar for akari ___akari11
0
120
HTML-in-Canvasで作る未来のWeb UI表現
Avatar for IKEDA Yasunobu clockmaker
4
4.7k
モデルのリファクタリングが難しいと思ったら、そもそも複雑だったのはビジネス仕様だった ? / is-the-business-domain-the-real-complexity
Avatar for hatsu hatsu38
0
460
残高管理から台帳サービスへの進化
Avatar for kobaryo artoy
1
190
UPDATE をやめる — EF Core でマスタをバージョン管理する
Avatar for HideyukiKitao panda728
PRO
0
1.2k
R8 の設定見直しでアプリサイズ削減
Avatar for ANDPAD inc andpad
0
210
すこし踏み込む CancellationToken
Avatar for tkym htkym
2
1.7k

Featured

See All Featured
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.2k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
450
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
6.1k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
16k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
870
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
900
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1.1k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
380
Done Done
Avatar for chrislema chrislema
187
17k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
53k

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