Routing in SPA Web Applications

Transcript

1. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Israel JavaScript Conference
2. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
3. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Browser Request Index.html Server Traditional Request / Response for ALL rendered content and assets Client
4. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
5. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Initial Request Application.htm RequireJS Loader Page1 Partial.htm IndexViewModel.js Application.js (bootstrap) ViewModel (#index) ViewModel (#login) Model (LoginModel) JSON Requests HTML5 localstorage Handling disconnection Server Client
6. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
7. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
8. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
9. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
10. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
11. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
12. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
13. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Choosing frameworks that provides you with routing and navigation built-in
14. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Choosing stand-alone navigation libraries History.js jQuery BBQ Crossroads.js
15. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Writing your own solution
16. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
17. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
18. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
19. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
20. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
21. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
22. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
23. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
24. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | 5.0 5.0 8.0 10.6
25. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
26. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
27. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
28. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
29. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
30. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
31. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
32. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
33. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
34. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
35. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
36. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | 4.0 (2.0) 5.0 5.0 10.0 11.5
37. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
38. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
39. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
40. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
41. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
42. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
43. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
44. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
45. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
46. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
47. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
48. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
49. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
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-value To this new one: www.app.com/index.html#!my-hash-value
51. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Instead this URL: www.app.com/index.html#!my-hash-value Crawler will go to tis one: www.app.com/index.html?_escaped_fragment_=my-hash-value http://crawljax.com – Java https://github.com/gregorypratt/Ajax-Crawling - ASP.NET MVC
52. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | here
53. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
54. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
55. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
56. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
57. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
58. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
59. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
60. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | this == context == Sammy.EventContext
61. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | EventContext support some useful args and methods: here
62. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | 'post', 'put' and 'delete' can be invoked only by submitting form
63. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
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. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | You can trigger events on the app context and EventContext.
66. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | You can pass custom data object as third parameter
67. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
68. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | http://singlepageappbook.com/index.html http://www.informit.com/articles/article.aspx?p=789762 https://developers.google.com/webmasters/ajax- crawling/docs/getting-started http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip- an-introduction-to-sammy-js/ http://sammyjs.org/
69. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
70. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |