naneri

иди решай задачи на codeeval.com - выбери язык JS и вперёд. Даже сама логика парсинга данных из текстового файла помогает прокачать скилл (я потом разрабрался как данные парсятся из УРЛА в пхп)

Если начинать - то начните с jQuery. Просто его очень просто начать использовать, и будет стимул хорошенько узнать JS.

Можете JS/Jquery выучить перед тем как начать изучать серверные языки программирования.
JS позволяет сразу на практике начать применять программирование для добавления динамика в веб-приложения.

Вот тут код, копируйте и потом найдите в нём строчку
"d3.json("data/d3_mindmap.json", function(error, flare) {" - вам надо в ней "data/d3_mindmap.json"
заменить на свой источник данных,

З.Ы. вот заодно формат

Highcharts неплохая библиотека. Для любой диаграммы есть пример кода на jsfiddle, так что даже не надо читать туториал.

Во фронтэнд фреймворках почти полностью организована MVC структура - бэкэнд только выдаёт инфу по запросу (например данные по товарам, данные для авторизиции), получается работает как REST API. Шаблонов в бэкэнде уже нет. Можно по идее часть логики оставить в бэкэнде.

Из плюсов (на мой дилетантский взгляд) - повышение скорости работы веб-приложение, потому что догружаются только данные. Поэтому приложения очень похожи на родные приложения тех же смартфонов (и поэтому для них придумали термин Single Page Application)

Использование этих фронтэнд фреймворков вовсе необязательно - просто у вас будет по старинке view генерироваться на сервере.