Александр

styles.tabsContentWrap резолвится в обычную строку
примитивно можно так делать

className={toggleState === 1 ? `${styles.tabsContentWrap} ${styles.activeContent}` : styles.tabsContent}

лучше посмотрите на библиотеку "classnames", она позволяет легко композировать классы

меня тоже спросили как-то и я не ответил, потом это повторилось еще раз. Разобравшись в этом вопросе, стало оч обидно, так как знал я эту особенность движка JS с самого начала, и про функции и про переменные (раньше особенно было модно объявлять функции в конце скрипта).
Какой смысл называть это каким-то ущербным термином, я не понимаю, это просто особенность JS интерпретатора, которая упоминается везде, но не везде ей дается этот термин.

Соответственно, если вам не надо поддерживать IE - используйте, иначе - используйте препроцессоры.

Если прямо в одном участке кода, то и объявлять их лучше в нем, если хотя бы есть потенциал что будут использоваться где-то еще, то можно и наверх.
С опытом рука сама набьется и будете ставить там где надо.

Очень много у вас системного адм-я переплетается с разработкой - первым шагом выберите что-то одно.
Так и в разработке - зачастую на работе Вы будете работать лишь с одним стэком, так что желательно освоить сначала хорошо что-то одно: либо ноду, либо ларавел

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

Google же пишет в чем конкретно проблема, не?
Я тоже одно время занимался ИМ, написанным частично на конструкторе, но я разгонял его по факту скорости загрузки сайта, а не показателей Google pagespeed.
Достиг показателя загрузки сайта 300мс и успокоился. Чистил базы данных от мусора, в какой-то момент помню даже проходился по всему css файлу конструктора и удалял неиспользуемые стили(вот тут можете глянуть Что сделать с большим файлом css? ).

Так то в правильном направлении копаете, хороший кэш плагин и быстрый хостинг - самое главное, след шагом оптимизируете картинки и оптимизируете файлы сайта(например объединяете css'ки в один файл)

Применяешь к элементу эту ф-цию и все ок
https://developer.mozilla.org/en-US/docs/Web/API/H...

С виду здесь юзаются 2 эффекта - параллакс и постраничный скролл.
Для параллакса ответ дали выше, для постраничного скролла могу указать доп-но на fullPage.js

Попробуйте white-space: normal;

Зависит от того, для чего вам программирование. Если Вы занимаетесь своим проектом, то вправе кодить на чем вам угодно и ответственность за это несете лишь Вы. То же самое если Вы тимлид.
А вот в команде Вам скорее всего такие технологии использовать не дадут.

Кстати, если ваш фреймворк действительно классный, то за пару месяцев загнется вряд ли. А вот в пару - несколько лет перспективы уже не очень.

Про learn.javascript правильно пишут, сам учил сначала по нему и не жалею. В основном там инфа на ES5, но для ES6 тоже есть отдельный раздел.
На jquery бы особо на вашем месте не смотрел, с каждым годом он нужен все меньше и меньше.
Дальше сразу смотрите на библиотеки/фреймворки