SPA js

[Jack_V]

Ребята, понемногу продвигаюсь в нативном js и один хороший человек посоветовал написать свою SPA (как я понял это такое себе приложение одностраничник), чтобы в дальнейшем, на собеседованиях или что-то в этом роде, я мог явно указать на то как я пишу свой код и вообще в целом что из себя представляю. 
Так вот вопрос, кто подскажет, с чем его есть?
В интернетах нашел сумбурную инфу, какие-то старые холивары, пример TiddlyWiki, да книженцию. Представляю себе этот синглпэйджаппл как некую специфическую архитектуру.

Может кто сталкивался и посоветует какие-либо материалы (опять же стоит ли изучать найденную мной литературу) или пояснит на пальцах?

[li4e]

Чтобы понять что это посмотрите как работают приложения на angularJs, например. И поймете какой минимум необходимо самому реализовать. 

Как мне кажется можно начать с написания своего роутера (он отвечает за управлением состояния адресной строки и определения текущей страницы) 

 

Что есть spa. По сути это просто документ у которого есть части страницы которые меняются в зависимости от адреса. 

Например шапка, навигация остается всегда а содержимое основной части страницы меняется в зависимости от адреса.

И все это на клиентской стороне и без перезагрузки страницы.

Все достаточно обобщенно, но может понятно.

Вот пример
http://embed.plnkr.co/dd8Nk9PDFotCQu4yrnDg/preview

По нажимайте "Home", "About", "Contact" и увидите как меняется часть страницы без перезагрузки, к сожалению так как это в сервисе, не видно как меняется адрес. И это все безе перезагрузки страницы.

Edited October 13, 2015 by li4e

[Jack_V]

Ага, спасибо большое)

Роутер как тут?

[li4e]

Да, но там уже реализован внутри Angular.