survivor2005

Во-первых, прочитать правила ресурса и научиться оформлять код в своих вопросах.
Во-вторых, так и делать связь между таблицами по id:

SELECT clients.id, clients.name, sc.city as sender_city, rc.city as recipient_city
FROM clients 
    LEFT JOIN cities as sc ON clients.sender_city_id = sc.id
    LEFT JOIN cities as rc ON clients.recipient_city_id = rc.id

У vue для каждого компонента есть события жизненного цикла. Например, событие mounted() вызывается когда компонент попадает dom дерево. Если не про них речь, то опишите конкретнее что нужно сделать.

const className = 'класс, который не надо удалять';


// Если известно, что класс присутствует или должен быть добавлен в случае отсутствия:
element.className = className;

// Если известно, что класс отсутствует и не должен быть добавлен:
element.className = '';

// Если неизвестно, присутствует ли класс и в случае отсутствия он не должен быть добавлен:
element.className = element.classList.contains(className) ? className : '';
// или
element.classList.remove(...[...element.classList].filter(n => n !== className));

Скорость работы сайта не зависит от дистрибутива. Она зависит от версии php, от правильной настройки вебсервера, от наличия кеша, от правильности написания кода, от железа, но от дистрибутива в последнюю и не решающую очередь.

Я недавно выучил HTML/CSS, начал углубляться: уже умею работать с SASS, LESS, Gulp,

Не нужно нагружать себя лишними данными. Это тоже самое что, вы идете в автошколу - где вас должны научить правильно выжимать сцепление, а вы открываете капот, и начинаете менять фильтр с умным видом.

Что ещё за адаптивность, Foundation и Bootstrap какой-то, а почему используют .container, что такое БЭМ и OOCSS.

Всё это вы поймете, когда сверстаете своё первый макет на чистом css\html без использования кастомных сеток, дополнительного инструментария в виде сборщиков и препроцессоров. Каждый из них решает проблему - но что бы понять эту проблему, нужно её испытать на себе, сейчас же вы не пытаясь её понять, попытались перескочить, и утонули в болоте.

Где научиться?

Торент, ютуб. Ничего страшного нет, если вы не понимаете как верстать. Как и любой навык - будь то программирование, вождение, спорт - всё требует времени, и повторения одного и того же действия по 50-100 раз.

Лет 7 назад после своего сотого макета сверстанного под клиента, я любой дизайн инстинктивно делю на блоки и вижу условный код, вижу и подмечаю моменты, где дизайнер сделал не логично, допустил ошибку. Но как и вы на 1 макете - не умел ничего, и так же тупил.

webmasters.teamdev.com - ПРОЧИТАТЬ В ПЕРВУЮ ОЧЕРЕДЬ!

https://andreasbm.github.io/web-skills/ - поможет не скакать с третьего на десятое

Можно ли с помощью php защитить сайт от воровства?

Можно. Запускать сайт на localhost

gulp.src('path', { dot: true })

Как вывести PHP переменную?

Ждем вопросов как включить компьютер

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

Не существует курса обучения программированию, который раскладывает все по полочкам сразу, в теории. А если и есть - то он не работает.
Чтобы действительно разложить IT-знания по полочкам, нужны годы практического опыта.
Поэтому - погружаться и учить то, что получается изучить. Сразу пробуя то, что получается пробовать. А потом - переучиваться, с ужасом оглядываясь на то, что было сделано год назад. Потому что пришел опыт, и начался новый уровень сложности...

В самом вызове test() можно обернуть исходные функции с их аргументами в функции:

function test(fn1, fn2){
  if(fn1()){
    console.log('blabla');
  } else {
    fn2();
  }
}

// в вызове оборачивайте в функции:
test(() => real_function1(arg0, arg1),  () => real_function2(arg3));

Первый вариант предпочтительнее, но для разнообразия второй вариант – «привязать» к ним аргументы:

test(real_func1.bind(null, arg1, arg2),  real_func2.bind(null, arg3));