Building Single Page Applications

Transcript

1. 1.

   None
2. 2.

   None
3. 3.

   None
4. 4.

   NEW:

5. 5.

   NEW:

6. 6.

   NEW:

7. 7.

   photo by Constantine Stoyanov

8. 8.

   API-ORIENTED

9. 9.

   None
10. 10.

    None
11. 11.

    None
12. 12.

    None
13. 13.

    How to build Single Page Applications?

14. 14.

    None
15. 15.

    ASP.NET MVC / Backbone.js

16. 16.

    Node.js / Backbone.js

17. 17.

    Server

18. 18.

    None
19. 19.

    None
20. 20.

    … doesn’t really matter, as long as 2 functions accomplished

21. 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. 22.

    MASTER HTML: <div class="container"> <div id="app" class="container"></div> </div>

23. 23.

    Client

24. 24.

    None
25. 25.

    None
26. 26.

    None
27. 27.

    None
28. 28.

    None
29. 29.

    None
30. 30.

    None
31. 31.

    None
32. 32.

    None
33. 33.

    None
34. 34.

    None
35. 35.

    Application Route

36. 36.

    None
37. 37.

    None
38. 38.

    None
39. 39.

    None
40. 40.

    None
41. 41.

    None
42. 42.

    None
43. 43.

    None
44. 44.

    None
45. 45.

    None