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

Building Single Page Applications

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
700
Tech Culture in Startups
Avatar for Alexander Beletsky alexbeletsky
0
240
TDD in JavaScript
Avatar for Alexander Beletsky alexbeletsky
4
860
This is Node.js
Avatar for Alexander Beletsky alexbeletsky
10
460
Likeastore
Avatar for Alexander Beletsky alexbeletsky
3
150
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
340
Dynamic web development with Oak
Avatar for Alexander Beletsky alexbeletsky
1
630

Other Decks in Programming

See All in Programming
AI時代だからこそ「Bloc」を採用する価値があるのかもしれない
Avatar for takuro abe takuroabe
0
190
Making the RBS Parser Faster
Avatar for Soutaro Matsumoto soutaro
0
720
実践ハーネスエンジニアリング：ステアリングループを実例から読み解く / Practical Harness Engineering: Understanding Steering Loops Through Real-World Examples
Avatar for nrs nrslib
5
5.5k
「なんか〇〇ライブラリで脆弱性あるみたいなんだけど。。。」から始める脆弱性対応 / First Steps in Vulnerability Response
Avatar for mackey0225 mackey0225
2
130
AWSはOSSをどのように 考えているのか？
Avatar for アキキー | Akihisa Ikeda akihisaikeda
0
120
UaaL×Androidアプリのメモリ計測 — Memory Profilerの先へ
Avatar for Ryosuke Shimizu (RIO) rio432
0
160
AI時代になぜ書くのか
Avatar for Mutz mutsumix
0
410
検索設計から
推論設計への重心移動と
Recall-First Retrieval
Avatar for po3rin po3rin
5
1.7k
RailsTokyo 2026#4: AI様があれば、
Hotwireの弱点は消えるか？
Avatar for Naofumi Kagami naofumi
3
360
開発とはなにか、Essenceカーネルで見えるもの
Avatar for ukin0k0 ukin0k0
0
190
Are We Really Coding 10× Faster with AI?
Avatar for Koichi Yoshida kohzas
0
180
My daily life on Ruby
Avatar for Akira Matsuda a_matsuda
3
410

Featured

See All Featured
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.4k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.4k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
250
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
500
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.9k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
200
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
310

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