Нужно ли знать синтаксис webpack фронту?

А причем тут синтаксис? webpack - это js библиотека, если "знаете синтаксис js, то знаете и синтаксис webpack".

Материалы - документация. Как по мне, так если не хотите быть вечно "джуном", то уметь конфигурировать webpack - обязательная опция.

Почему gulp не открывает хост?

Алексей Дубровин, я возможно немного погорячился. Вы правы в том, что ТС не понимает принцип работы gulp и возможно у него два разных сервера. Но вы тоже не понимаете "принцип работы gulp" , "открывает свой сервер на node.js" - вот это чушь, gulp этого не делает.

Gulp и Node.js - это не одно и тоже. Gulp - это библиотека(написанная на JavaScript) - task runner, она лишь запускает какие-то другие скрипты-библиотеки(функции), скрипты могут быть любыми и выполнять разные задачи.

"Про то как gulp выполняет таски не поднимая сервер." - вам для запуска js функции нужен сервер? Нет, не нужен, вам нужен browser или другая платформа (например - Node.js)

Node.js - это программная платформа(среда выполнения для JavaScript). В данном случае - gulp запускается и работает в среде node, он запускает библиотеку browserSync и именно она запускает процесс запуска http - сервера.

Почему gulp не открывает хост?

Алексей Дубровин, а вы не понимаете сути вопроса и пишите чушь. Gulp запускает таски и ничего более!

Как правильно передать данные с сервера в SPA, не прибегая к реализации API?

Alex,
1) Очень интересно! Не видел/слышал, спасибо за инфу. Но согласитесь - странное поведение движка. И судя по статье, это было в 2019, как сейчас - не знаю. И там от размера зависит, 10 кб - это довольно большой объект данных.
2) Эта проблема есть всегда, таков язык и область применения. Тут нет защиты.
3) В целом взгляды сошлись!

Как правильно передать данные с сервера в SPA, не прибегая к реализации API?

Alex, "нахватались по верхам"...
1) Это абсурд, как может это:
let appFrontData = { a: 1};
быть медленнее чем
let appFrontData = JSON.parse("{ 'a': 1"});

2) Object.freeze в данном случае бессмысленно использовать
3) Ну дак такой кейс, тут иначе никак, тут головой надо думать

<script id="some-uid" type="application/json"> тоже далеко не идеальный вариант

Как сделать топ по объекту?

Еще понадобится - Array.prototype.splice(), если участников более 100

Как поймать фокус на элемент с помощью vuejs?

Алексей, я все это знаю, это не отменяет того факта, что так писать можно. Вы видимо с Vue не работали и не дочитали комменты в issue. Не рекомендуется - да, но так писать можно и это работает в Vue шаблонах(при сборке они становятся рендер функциями и все корректно отрабатывает(рендерится уже валидный html)).

Как поймать фокус на элемент с помощью vuejs?

Алексей, в XHTML так можно писать. В шаблонах vue так делать тоже можно.

Как просмотреть локальный сайт на телефоне?

diku1502, веб-морда - это http, на скрине у вас - port 80
Значит 192.168.0.144:80 (можно без указания порта, 80 - по умолчанию)

В openserver есть настройка - Алиасы, вот там вам надо в исходный домен вбить ваш ip 192.168.0.144, а в конечный выбрать тот домен(папку с сайтом), который вы хотите расшарить по сети. Ну и разумеется, после манипуляций перезапустить надо сервер.

Если телефон и ваш пк в одной и той же локальной сети, то в браузере на телефоне вбиваете просто айпишник и сайт должен открыться.

Как в компоненте получить данные с сервера?

Задайте вопрос правильно! Сейчас ничего непонятно.

Почему при обновлении страницы выдает ошибку на сервере?

this.$route.params.slug - видимо :)

Почему при обновлении страницы выдает ошибку на сервере?

Devero97, смотри, что в this.$route

Почему при обновлении страницы выдает ошибку на сервере?

Devero97, до рендера есть хук - created

Почему отсортированная коллекция (Laravel) неверно отображает порядок в компоненте (Vue.js)?

$collection->toArray(); (у Laravel вроде есть такой метод)

Почему отсортированная коллекция (Laravel) неверно отображает порядок в компоненте (Vue.js)?

Потому что на выходе у вас отсортированный объект, а не массив
Ключи объекта в js автоматом сортируются по алфавиту, не всегда, но в таком случае как ваш - да.

Коллекция в php - преобразуется в объект через json_encode(при этом сортировка изменится), а не массив
Вам нужно из коллекции сделать массив, а уже потом прокидывать его через json_encode, тогда не будет проблем с сортировкой

Как выводить (запомнить) выбранный option для тега select?

Дмитрий Павлюк, я ничего не знаю о вашем бекенд коде... Я описал алгоритм и свои догадки. Направление я вам задал, нужно добавить атрибут selected по условию и все будет работать.
Попробуйте

if (get_user_meta($user_ID, 'sklad-zakaz1', true ) == 1

или

if (esc_attr(get_the_author_meta( 'adress-zabor-zakaz1', $user->ID ))) == 1

попробуйте поменять selected на selected="selected"

Как выводить (запомнить) выбранный option для тега select?

Дмитрий Павлюк, можно было бы и погуглить..., я писал "на коленке" и пропустил один символ

(get_user_meta($user_ID, 'sklad-zakaz1', true ) == "1") :

https://www.php.net/manual/ru/control-structures.if.php
кстати атрибута type у этого тега тоже нет
htmlbook.ru/html/select

Как скрыть ранее добавленный элемент через innerHtml?

innerHTML = '' - это не скрытие, это замена/удаление

vanilla js

document.getElementById('demo3').style.display = 'none';

jquery
$('#demo3').hide();

ну и видимо условие нужно подправить

if (case1) {
  case1();
} else if (case2) {
  case2();
} else {
  case3();
}

Как приложению добавить в url - locale?

sdgroup14, сделай компонент обертку над routerLink

А у вас приложение без серверного рендеринга(SPA) и недоступно неавторизованному пользователю? Если да, то зачем вам язык вообще в урле?

Как в webpack подключать две страницы html?

Артём Петренков, если у тебя дефолтный исходный шаблон, а их можно менять. Я ж не просто так пишу, я делал это неоднократно, поверьте.