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

Зачем делать лендинг на фреймворке. ИМХО. Я против применения даже JQuery. Вот, какую задачу может решить Vue.js в лендинге!? Оживить карусель можно и руками.

https://ru.stackoverflow.com/questions/640556/Соде...

Подобные приложения называются SPA, если я правильно понял вопрос. У них свои преимущества и недостатки, с которыми, лучше любого здесь находящегося, вам поможет разобраться вот это чудо.

В плане обработки подобных сайтов поисковиками, разницы никакой нет. Поисковики смотрят на URL и содержимое страницы по конкретному URL.

Вы стили не подключили в html файл

Вот это вставьте в head хтмл файла и укажите путь до файла со стилями.
<link rel="stylesheet" href="Путь_до_стилей">