Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Israel JavaScript Conference
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Browser RequestIndex.htmlServerTraditional R...
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Initial RequestApplication.htm RequireJS Loa...
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Choosing frameworks that provides you withro...
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Choosing stand-alone navigation librariesHis...
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Writing your own solution
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |5.05.08.0 10.6
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |4.0 (2.0) 5.05.010.0 11.5
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Change your URL from this:www.app.com/index....
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Instead this URL:www.app.com/index.html#!my-...
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |here
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |this == context == Sammy.EventContext
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |EventContext support some useful args andmet...
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |post, put and delete can be invoked only bys...
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |You can bind custom event to the app.Inside ...
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |You can trigger events on the app context an...
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |You can pass custom data object as third par...
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |http://singlepageappbook.com/index.htmlhttp:...
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
Upcoming SlideShare
Loading in …5
×

Routing in SPA

5,859 views

Published on

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,859
On SlideShare
0
From Embeds
0
Number of Embeds
894
Actions
Shares
0
Downloads
50
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Routing in SPA

  1. 1. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Israel JavaScript Conference
  2. 2. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  3. 3. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Browser RequestIndex.htmlServerTraditional Request / Response for ALL rendered content and assetsClient
  4. 4. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  5. 5. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Initial RequestApplication.htm RequireJS LoaderPage1 Partial.htmIndexViewModel.jsApplication.js (bootstrap)ViewModel (#index)ViewModel (#login)Model (LoginModel)JSON RequestsHTML5 localstorageHandling disconnectionServer Client
  6. 6. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  7. 7. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  8. 8. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  9. 9. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  10. 10. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  11. 11. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  12. 12. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  13. 13. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Choosing frameworks that provides you withrouting and navigation built-in
  14. 14. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Choosing stand-alone navigation librariesHistory.js jQuery BBQCrossroads.js
  15. 15. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Writing your own solution
  16. 16. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  17. 17. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  18. 18. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  19. 19. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  20. 20. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  21. 21. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  22. 22. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  23. 23. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  24. 24. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |5.05.08.0 10.6
  25. 25. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  26. 26. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  27. 27. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  28. 28. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  29. 29. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  30. 30. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  31. 31. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  32. 32. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  33. 33. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  34. 34. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  35. 35. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  36. 36. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |4.0 (2.0) 5.05.010.0 11.5
  37. 37. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  38. 38. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  39. 39. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  40. 40. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  41. 41. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  42. 42. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  43. 43. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  44. 44. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  45. 45. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  46. 46. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  47. 47. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  48. 48. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  49. 49. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  50. 50. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Change your URL from this:www.app.com/index.html#my-hash-valueTo this new one:www.app.com/index.html#!my-hash-value
  51. 51. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Instead this URL:www.app.com/index.html#!my-hash-valueCrawler will go to tis one:www.app.com/index.html?_escaped_fragment_=my-hash-valuehttp://crawljax.com – Javahttps://github.com/gregorypratt/Ajax-Crawling - ASP.NET MVC
  52. 52. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |here
  53. 53. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  54. 54. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  55. 55. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  56. 56. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  57. 57. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  58. 58. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  59. 59. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  60. 60. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |this == context == Sammy.EventContext
  61. 61. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |EventContext support some useful args andmethods:here
  62. 62. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |post, put and delete can be invoked only bysubmitting form
  63. 63. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  64. 64. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |You can bind custom event to the app.Inside events is EventContext, same as in routes
  65. 65. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |You can trigger events on the app context andEventContext.
  66. 66. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |You can pass custom data object as third parameter
  67. 67. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  68. 68. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |http://singlepageappbook.com/index.htmlhttp://www.informit.com/articles/article.aspx?p=789762https://developers.google.com/webmasters/ajax-crawling/docs/getting-startedhttp://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-an-introduction-to-sammy-js/http://sammyjs.org/
  69. 69. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  70. 70. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |

×