VegasChickiChicki

Если я правильно понял, то вот пример:

.header .active{ color: red; }
.main .active{ color: white;}

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

P.S. Так лучше не делать, в комментариях объяснили почему :)

Если ваш блок отображает по параметру из data, то просто меняйте значение через:
https://ru.vuejs.org/v2/guide/events#Модификаторы-...

p.s. Сам этого не знал, но нашел в гугле за 2 минуты...

Возможно вам подойдет стартовый шаблон Nuxt?
https://ru.nuxtjs.org

Где-то видел одну цитату:
"Это как очки, вы сами поймете когда они вам нужны"
Тут так же, если сейчас для вас нету толку от вебпака - не используйте, просто настанет момент, когда вы сами поймете что вам лучше использовать, вебпак или же gulp.

transform: translateY(-npx)
Где n подбираете сами.

slick > div {
width: 100%;
height: 200px;
}
(Высоту указать какую нужно, под размер выпадающего блока.)

Верстайте дивами, но не забывайте про семантику, существует очень много мест, которые можно сверстать не дивами. Тоже самое можно и про текста сказать, мол везде тыкать тег p и пару тегов H1-H6 - ад, нет. Не забывайте, что текст это не только H1-H6 и тег p, существует огромное множество и тегов для текста.

Если во время поезди будет доступ к компуктеру, то продолжайте читать learn.javascript.ru, а если нет, о каких практических задачах идет речь?

Глупость, это когда вы не знаете и не хотите спросить у клиента как правильно и как нужно, т.е. молчите и не понимаете что да как. Ни кто вас не посчитает каким то глупым или бестолковым, если вы спросите как правильно и сделаете правильно. Все по разному, если клиенты, которые "ну я однажды дал деняк человеку, он мне все и сделал я не знаю что да как там...", а есть клиенты, которые сами такие же разработчики\дизайнеры\студии, которые держат проекты на гите или FTP, у каждого лучше спрашивать индивидуально, как получить доступ к файлам и как потом лучше их вернуть, просто кинул сжатый ZIP или же сразу залить на сервер.

Выключите то что производит синхронизацию файлов и обновление, а потом попробуйте сделать то что пытаетесь.

Просто оставлю свой комментарий.
Сколько вы изучаете HTML и CSS? Если меньше пол года, поверьте, вы их даже на 50% не знаете.
По моему субъективному мнению, что бы именовать себя таким "громким" словом как " Frontend-разработчик"?, у вас должен быть, пусть даже не опыт, но время потраченное на:
1) HTML + CSS -> желательно от года
2)JS -> не меньше года
Так же было бы хорошо научится пользоваться многими вещами, о которых почему то многие не знают\забывают или еще что-то, имеется ввиду новички("верстальщики"):
Сборщики -> Gulp\Webpack
Препроцессоры -> Sass\Scss и т.д
Контроль версий -> Git
Инструменты разработчика -> те же девтулзы в браузере (пкм -> посмотреть код элемента) (у них много разных функций, если смотреть внимательнее)
Хотя бы минимальное знание бека -> php\node.js (отправить письмо на почту с формы по клику и тому подобное)
И только уже после всего этого, можно будет посмотреть в сторону каких либо фреймворков, ибо без всего перечисленного выше, если даже вы будете знать, может даже хорошо, что маловероятно, какой либо фреймворк, найти работу вам будет ооочень не просто.
P.S. Ходят слухи, что даже на простой верстке (почти все что после пункта 1 откидываем), можно зарабатывать приличные деньги, ибо в последнее время все чаще и чаще вижу что в духе: "У нас в студии фронт просит найти ему верстальщика" или что-то вроде того.