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 |