<opition hidden>

я бы вам посоветовал очень хорошо понять базу https://learn.javascript.ru/ (по несколько раз прочитывал весь сайт перед собеседованиями, потому что именно такие вещи и будут спрашивать и этими методами вы всегда будете пользоваться).
Насчет css читайте все что только можно. Суть знаний в css - это опыт. Я свои знания заработал только на практике. Ни в одном гайде не встречал к примеру ситуации, "что в Safari(IOS) в некоторых ситуациях если вы div сделали js кликабельным - то нужно div сделать cursor: pointer... иначе не будет отрабатывать обработчик" + Интерпритаторы в разных браузерах по разному воспринимают свойства... Практика практика и еще раз практика

2 делать не нужно)))))))) Я думаю это лишнее.
Насчет первого не понял. Это как?)
В Angular 2+ есть хорошая вещь под названием lazy Module. Если вы хотите разгрузить проект натыканными модалками, лучше поделите контент на большие страницы на модули, а модалки в них уже не будут так ощутимы как вам кажется https://angular.io/guide/lazy-loading-ngmodules

в любом случае вы будете пользоваться сокетами/fierbase. Не умеете писать на Vue|Angular - лучше не пишите. Есть огромное желание научится - пишите.... Писать на Angular только из-за того что там удобный шаблон - это ложь. Удобных шаблонов нет, удобные инструменты есть!( в каждом реактивном фреймворке|библиотеке). Для того чтоб написать вам не просто нужно ознакомится, а и ознакомится с огромным количеством модулей которые вы будете подключать. RxJS и JWT это как минимум.... вопрос в сроках и желании - мое мнение.
А хотите сделать толково вникните не в jquery а в чистый js и тогда вам легко будет пересаживаться на фреймы... Так же ООП, прототипирование, инкапсуляция....
И кстати, если вы первый раз будете писать на Vue|Angular не зная как минимум то что я описал, то вы либо будете долго писать, либо оно будет еще медленее работать чем на jquery

чтоб такого не было лучше не верстать бутстрапом :))))))))))