Евгений Бакулин

Наверное проще запилить свой Open Source проект, для фидбека. А задание получите от пользователей в виде хотелок.

$('.parent-list > li').removeClass('active');

Не стоит сразу же замахиваться на большой сервис, начните постепенно. Каждый начинающий программист первым своим проектом грезит сделать убийцу ВК / FB. Скажу сразу, это с первого раза не выйдет. Как не выйдет и с 10. Но! Это не повод, что-бы не развиваться и не учиться. Итак если вы все же решили потрать пару месяцев на обучение, или вы уверены, что пойдет меньше, начните так:

Шаг первый
Html. Это язык разметки, на котором написано 100% веба, то есть это необходимая вещь де-факто. Он позволит вам разместить текст на странице, оформить ее.
В базовой аналогии, это ворд для интернета (кышь Ъ праграммысты, это довольно хорошая аналогия для новичка, продолжим...).

Это займет +- 1 неделю

Вам помогут:
* htmlbook

Шаг второй
CSS. Это язык стилизации. Перекрасить текст, увеличить отступы, сделать тень у блоков это к нему. Все крависости в интернете делаются на нем. 99% веба использует для стилизации именно его, так что опять же это стандарт.

Это займет +- 2 недели

Вам помогут:
* Sorax

Шаг третий
PHP. Это уже язык программирования (плохой, больной, уродливый, но язык. Да начнется холивар). Он поможет вам понять как это работает, как устроена кухня. Поковыряйте его, обучитесь начальной логике и алгоритмам. Он поможет вам выводить HTML более осмыслено, т.е. вы сможете уже составлять динамические страницы, которые могут подстраиваться под пользователя, добавлять посты, вопросы, картинки и т.д.

Это займет +- 2 месяца

Вам помогут:
* php.net

Шаг четвертый
Wordpress. Это почти готовый сайт. В нем уже есть все, что вам нужно. Вы можете писать посты, делать обсуждения и т.д. На его основе вы сможете вылепить что угодно, даже тот самый вопросник. Он написан на PHP, так что он будет дополнять ваши знания. Как только научитись ставить WP, попробуйте написать для него шаблон, потом плагин, и еще и еще. Это закрепит и разовьет ваши предыдущие знания.

Это займет +- 2 месяца

Вам помогут:
* wp-kama

Шаг пятый
MySQL. И в частности язык запросов SQL. Это база данных. Они нужны, что-бы хранить информацию вашего сайта в удобном виде. Т.е. по своей сути это таблица экселя, в ней есть поля и их значения. Это так же необходимые знания, так как ваши вопросы из вопросника будух храниться именно там.

Это займет +- 1 месяц

Переломный момент
Наступает переломный, это значит что по истечению полу-года вы должны сесть и подумать, нравится ли вам, что вы делали. Это важно. Так как дальше не будет проще, не будет легче. Начнутся такие вещи как Асинхронность, Брокеры сообщений, ООП, MVC, и другие страшные слова, которые ровно как и предыдущие шаги по-началу будут вас пугать, но потом станут лучшими друзьями.

Если вам действительно интересно большее, то можете изучить шаги приведенные ниже. Если же вы просто хотите развлечься, то вам вполне хватит перечисленных выше.

Не спешите так же переходить к шагам ниже, если не уверены в своих силах. Нет ничего плохого, что-бы "посидеть" еще на предыдущих шагах.

Шаг пятый
JavaScript. Ура, вы решили, что вы хотите быть программистом, похвально. Этот язык позволит вам сделать ваши страницы более динамичными. Добавить на них анимацию, логику. Этот язык использует 90% веба, так что сомневаться в его значимости нет смысла. Он позволит вам добавить жизнь на ваш сайт.

Это займет +- 2 месяц

Вам помогут:
* Sorax
* learn.javascript.ru

Шаг шестой
Jquery. Это продолжение JS. Это фреймворк (набор готовых функций). Он облегчит вашу работу с JS и позволит делать ее более качественно и быстро.

Это займет +- 1 месяц

Шаг седьмой
Распутье. Вы уже как год программист, отличная работа. Вы уже выросли из яслей и впереди бескрайний океан. И теперь вы должны понять, что вы хотите. Устраивают ли вас сейчас ваши текущие инструменты. Удобные ли они. Не стесняют ли они вас.

Если вам нравится PHP, он удобен, тогда продолжите изучать именно его, но не стоит бездумно и слепо защищать язык. Если вы чувствуете, что он вас смущает, не противьтесь и просто попробуйте что-то другое. А поверьте этого много.

Итак развилка:
Мне нравится PHP, мама я женюсь!
Ок, тогда вам стоит взглянуть на фреймворки Laravel, Yii 2, вполне хороши. Они довольно мощные и позволят много чего на себе сделать.

PHP какой-то странный, но мне понравился JavaScript
Шикарно, значит есть смысл попробовать NodeJS. Это версия языка (Да, я знаю, что нода это среда а не язык, дайте уже объяснить человеку) расчитаная на составление страниц, как PHP. Это очень мощный инструмент, поняв который, вы вряд ли захотите уйти с него. Он поможет вам писать не только сайты, но и приложения для телефонов / планшетов, программы для ПК, возможно игры (но не стоит. По крайней мере с текущим развитием инструментов), демоны, сервисы, консольные приложения и т.д.

Они оба мне не нравятся
Что ж, тогда вам могут приглянуться Python, Ruby - эти два языка более близки к PHP, чем JS.
Или вы за год стали адептом скорости, и не видите большей радости в жизни чем оптимизация и быстрото рендеренга. Ну тогда вам точно понравятся GO и Rust.
А может быть Dart к тому временем станет мейн стримом, это уже покажет время.

Что-бы вы не выбрали, это будет хорошим решением.

Шаг восьмой
Как говорится, я просто оставлю это здесь. Сейчас нет смысла объяснять, что это, зачем оно и с чем его едет, вы просто взглянете через год на этот список и все поймете.

CSS:
* Sass / Less / Stylus

JS:
* CoffeeScript / LiveScript / TypeScript
* Angular
* Promise

NodeJS:
* NPM
* Express

Ускорение работы:
* Gulp
* Jade
* Yo

Остальное:
* MongoDB
* MariaDB
* RabbitMQ

Шаг 7 и 8 займут у вас всю жизнь
Это не в коем случае не значит, что язык будет тем же, просто Язык / Технолигия будут заменяться на другую, а смысл будет тем же. Будут новые технологии, будут новые подходы, новые языки. Будет интересно и весело.

pointerEvents

может быть, поисковики лучше/хуже относятся к таким страницам

Бинго!!! Это и есть основная причина (по факту) :)
Ну и еще в семантически правильном документе легче ориентироваться людям, использующим альтернативные устройства для просмотра сайтов, например, аудиоридеры.
Ну и прочим роботам проще понять вашу страницу.

Регулярые выражения

var str = "Razdel1page01.html";
var result = str.match(/([0-9]{2})(\.html)/ );
alert(result[1]);

document.title = products[0].Name;

Такое ощущение, что вы начитавшись об успешных стартапах, решили: "О, вот тут можно срубить по быстрому денег". Но ни знаний, ни желания во всем этом разбираться у вас нету.
По моим впечатлениям, стартапы на основе девайсов делают увлеченные ботаны (респект им и все такое), к коим вы, как я понял по вопросу, не относитесь.
Ваш вариант, по моему мнению, - это нанять ботана, но только такого....пассивненького....но понимающего в схемотехнике. Пассивненького - это чтобы этот цукенберг ваш гениальный фейсбук не отжал. Можно и договор составить, чтобы зафиксировать приоритет идеи и отказ от претензий в будущем.