Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Routing in SPA Web Applications

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Dima Kuzmich Dima Kuzmich
June 18, 2013
Technology
72
0

Routing in SPA Web Applications

Avatar for Dima Kuzmich

Dima Kuzmich

June 18, 2013

More Decks by Dima Kuzmich

See All by Dima Kuzmich
jQuery Mobile Apps Development
Avatar for Dima Kuzmich forforeach
0
83

Other Decks in Technology

See All in Technology
『SAR衛星データ解析入門』の ご紹介とその応用
Avatar for じゃらしまる syuchimu
0
120
Temporal 最高!でも改めて「日付」について調べたら人類の負債すぎる件
Avatar for Riya Amemiya riyaamemiya
0
150
子育てエンジニアの可処分時間が減っても成長を諦めない戦い方
Avatar for aki sudoakiy
6
4.6k
実体験から学ぶ分析エージェントの開発と運⽤
Avatar for Recruit recruitengineers
PRO
8
2.4k
夫婦で子育てするための育児標準化
Avatar for コドモン開発チーム codmoninc
PRO
0
330
「事実」を「計測」して、「解釈」する 〜AWS Lambdaのメモリ最適解の見つけ方〜
Avatar for maimyyym maimyyym
0
170
TinyGoでオブザーバビリティ？OpenTelemetryはTinyGoで使えるのか / Is OpenTelemetry available in TinyGo environment?
Avatar for ymotongpoo ymotongpoo
2
140
事業成長とデータ活用を止めないためのマネジメントへ挑戦
Avatar for Noriaki Hiraki hiracky16
0
390
Claude Code本は、どのように執筆チームで書かれたか
Avatar for Oikon oikon48
1
380
オントロジーって 結局なにもの？ AI エージェントに「意味」を渡す知識設計の話
Avatar for TomoyukiMurakami greenmidori
0
190
二歩目のフロントエンド・ウェブアクセシビリティ
Avatar for KAMIHARA Takumi camiha
2
570
会社説明資料
Avatar for パーソル＆サーバーワークス株式会社 persolserverworks
0
9.8k

Featured

See All Featured
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
1
270
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
12k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
260
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.6k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
890
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
520
HDC tutorial
Avatar for Michiel Stock michielstock
2
960
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
640
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
530

Transcript

  1. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com | Israel JavaScript Conference

  2. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  3. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    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 | [email protected] |

    www.js-il.com |

  5. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    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 | [email protected] |

    www.js-il.com |

  7. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  8. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  9. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  10. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  11. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  12. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  13. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com | Choosing frameworks that provides you with routing and navigation built-in

  14. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com | Choosing stand-alone navigation libraries History.js jQuery BBQ Crossroads.js

  15. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com | Writing your own solution

  16. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  17. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  18. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  19. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  20. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  21. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  22. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  23. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  24. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com | 5.0 5.0 8.0 10.6

  25. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  26. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  27. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  28. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  29. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  30. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  31. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  32. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  33. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  34. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  35. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  36. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com | 4.0 (2.0) 5.0 5.0 10.0 11.5

  37. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  38. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  39. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  40. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  41. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  42. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  43. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  44. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  45. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  46. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  47. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  48. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  49. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  50. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    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 | [email protected] |

    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 | [email protected] |

    www.js-il.com | here

  53. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  54. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  55. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  56. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  57. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  58. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  59. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  60. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com | this == context == Sammy.EventContext

  61. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com | EventContext support some useful args and methods: here

  62. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com | 'post', 'put' and 'delete' can be invoked only by submitting form

  63. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  64. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    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 | [email protected] |

    www.js-il.com | You can trigger events on the app context and EventContext.

  66. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com | You can pass custom data object as third parameter

  67. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |

  68. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    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 | [email protected] |

    www.js-il.com |

  70. Israel JavaScript Conference | 03 – 6325707 | [email protected] |

    www.js-il.com |