Vue.js router - не работают стрелки назад / вперёд в браузере. Как исправить?

EvgeniySaschenko, ладно. Но этот маршрут обрабатывается роутером? Вызывается какой-то компонент?

И еще, я сейчас быстро пробежался по документации для уточнения, и не нашел там свойства history у роутера. Оно вообще работает?
Для программной навигации используется метод push() самого объекта $router

this.$router.push({path: `/movie/uid/${chosenMovie.uid}`});

Лучший способ сделать систему SVG иконок?

antimodern, да. вам же не понравилось делать отдельные компоненты =)

Лучший способ сделать систему SVG иконок?

antimodern, я с вами не соглашусь, но спорить лениво.
В любом случае правильным подходом будет расположение каждой иконки в отдельным файле. В качестве примера можете глянуть эту реализацию https://github.com/Justineo/vue-awesome

Как реализовать такую карусель отзывов?

Slick, owl, любой другой. Здесь нет сложности в реализации.
Слайдеры помечают видимые или активный элемент отдельным классом. Пусть .active.
Просто задайте стили
Если помечается только один активный слайд

.slide:not(.active) {
  transform: scale(0.8); opacity: 0.5;
}

Если помечаются все видимые слайды

.slide
.slide.active + .active +.active {
  transform: scale(0.8); opacity: 0.5;
}
.slide.active + .active {
  transform: scale(1); opacity: 1;
}

Ну это так, навскидку, по старой памяти.

Не идет AJAX запрос на пхп обработчик?

Консоль что говорит?
Запрос уходит?
На какой урл уходит?
Какой ответ приходит?

Ответы на все вопросы есть в консоли по F12.

Слышал мнение что за последние годы JavaScript сильно изменился и на старые курсы/книги сейчас не стоит тратить время. Так ли это?

Скорее усовершенствовался. Сам язык остался прежним. И многие книги по-прежнему актуальны.

Почему не работает делегирование JS?

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

<! -- оставил только один товар, остальные удалил -->
<div id="category-product-block" class="item item-good" data-bal="element-bal">

Во-вторых, что это? Оно работает?
target.getAttribute('[data-action="lumos"]');

метод getAttribute принимает имя атрибута и возвращает его значение
target.getAttribute('data-action'); // 'lumos'

В-третьих, вы получаете элементы единожды и не обновляете список

const elements = document.querySelectorAll('[data-action="lumos"]');

Хотя я и не увидел где это используется...

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

Можно ли стать программистом, не зная физику вообще?

Как можно не знать физику вообще, имея на руках аттестат зрелости? =)

Как закрасить фоном весь html документ не трогая к примеру header и какие-то div?

!important не нужен.
у звездочки нет специфичности и любой стиль ее перекроет.

Как выровнять содержимое блока по центу?

pinnn333, конечно. вы же ничего там не написали =)
Сделайте пример и скажите по какому центру какой блок вам нужно выровнять.

Как выровнять содержимое блока по центу?

https://jsfiddle.net

Как сделать полосу прокрутки поверх контента на мобильных при добавлении правил для селектора ::-webkit-scrollbar?

никак. используйте скрипты кастомных скроллбаров

Как использовать Gulp сборки для других проектов?

lukoie, с html более или менее понятно. своя система инклудов. хорошо, если кто-то написал консольный билдер или плагин для галпа. тогда жить можно. какая-никая, а кроссплатформенность. если такой утилиты нет, все плохо.

А что со стилями? Или javascript?

что именно галп/вебпак делает у Вас такого, что препрос может не справиться?

т.к. я давно юзал эту прогу, то посмотрел что она умеет на сегодняшний день. Компиляторов много, но их кол-во ограничено встроенными, нельзя использовать кастомые. Я привык к twig, он не поддерживается.
Даже поддерживаемые компиляторы нельзя расширить. У меня например, для генерации документации к верстке (примеры и код примеров) шаблонизатор расширен собственными тегами.
На сайте не указан используемая версия sass. Хорошо, если четверка. А если нет, некоторые фичи он просто не поймет. Ну это ладно, мелочи, скорее всего там latest version.
Мне надо совершить какое-то необычное действие при сборке. Неважно какое, важно, что создатели кодкита/препроса не предусмотрели ничего подобного, и этого нет в программе. Я же просто напишу то что мне нужно сделать на джаваскрипт и буду счастлив.
Самое главное, чего он не может - работать из командной строки =) как бы пародоксально это не звучало, гуй из консоли =))
А значит я не могу его запустить системой деплоя. Ну или гит-хуком.
Вот у меня проектик крутится один. Сам лежит в репозитории, когда я пушу в мастер ветку, дергается веб-хук, сервер подтягивает свежую версию из репы и собирает ее. Классно же?

Про сборку/разработку Vue/React наверное стоит промолчать? В препрос никаких упоминаний об этих вещах.

Ну и так далее.

В общем гуй хорош для начинающих, или для небольших проектов, или для просто верстки. Для серьёзной работы вряд ли. Много ограничений будет вылезать постоянно.

Как использовать Gulp сборки для других проектов?

lukoie, можно посмотреть пример какого-нибудь проекта?

gulp/webpack, на текущий момент альтернатив для сборки фронта нет.

Как использовать Gulp сборки для других проектов?

lukoie, вы проигнорировали мою просьбу. ну да ладно.
что касается препросов и прочих под винду, я уже благополучно переступил этот этап. К счастью он был в моём случае весьма коротким.

Как использовать Gulp сборки для других проектов?

lukoie, могли бы и более развернутый ответ дать для виндузятника. я ведь никогда не увижу кодкит. как проект выглядит, как он конфигурируется. это просто умный гуй над npm или что.

Как использовать Gulp сборки для других проектов?

lukoie, а ваш кодкитовский проект можно собрать без кодкита?

Как использовать Gulp сборки для других проектов?

Берешь свои package.json/package-lock.json и gulpfile.js, копируешь в новый проект, запускаешь npm install и работаешь. Делов на полминуты.
Заморочками с симлинками я тоже страдал в своё время. Но оно того не стоит.

Как убедиться, что соседский Wifi безопасен?

Vasek1209, терморектальный криптоанализ - это если и секс, то очень сильно на любителя =))

Какой смысл так упрощать запросы?

isset($product_info['meta_h1'])
  ? (
      $product_info['meta_h1']
      ? $product_info['meta_h1']
      : $product_info['name']
    )
  :''

так было короче и немного более читаемо

isset($product_info['meta_h1'])
  ? ($product_info['meta_h1']?:$product_info['name'])
  :''

Но по большому счёту — это чистой воды говнокод.
Код нужно писать так, чтобы он легко читался.