Алексей Уколов

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

Даже есть вы не можете редактировать оригинальный css, вы всегда можете добавить свой:

var css = '.elem-hover { background: blue; }';
var style = document.createElement('style');

if (style.styleSheet) {
    style.styleSheet.cssText = css;
} else {
    style.appendChild(document.createTextNode(css));
}

document.getElementsByTagName('head')[0].appendChild(style);

document.querySelector('.elem').classList.add('elem-hover');

Разумеется, это сломается, когда изменятся оригинальные стили и нужно будет обновить код в соответствии с ними.

Во-первых, вы вместо курсора должны видеть серый круг, который его заменяет.
Во-вторых, сверху на панели (там, где разрешение экрана меняется) нужно выбрать вместо Mobile либо Desktop, либо Mobile (no touch). Если не видите такого пункта, то на той же панели сверху нужно открыть меню и выбрать "Add device type".

document.querySelector(".left").appendChild(ball);

Метод getElementsByClassName возвращает коллекцию элементов, даже если он на странице один. У коллекции, соответственно, нет метода appendChild.

$post->categories()->sync($request->get('categories'));

Вот в этот:

var target = ... roots ...;
 
target.push({
    value: item
});

У вас id в коде и в разметке не совпадают, плюс код не отформатирован нормально, плюс имена переменных бессмысленные. Поэтому очень сложно понять как это всё должно работать.

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

Должно быть как-то так:

document.getElementById('z1').addEventListener('click', function (event) {
  event.stopPropagation();
});

var parent = document.getElementById('s1');
parent.addEventListener('click', function (event) {
  parent.style.display = "none";
});

<Files uploads/img/*>
    deny from all
</Files>

Но нужно понимать, что эти файлы вообще перестанут быть доступны из браузера - их нельзя будет вставить на страницу в <img/>, нельзя будет подключить их через CSS и т.п.

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

Да и вообще всегда сомневаюсь когда делать отдельную таблицу, а когда можно запихнуть всё в одно поле в одном из форматов, например, json или просто через запятую.

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

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

if (
  document.getElementById('apple').style.display == 'none' &&
  document.getElementById('shoe').style.display == 'none' &&
  document.getElementById('book').style.display == 'none' &&
  document.getElementById('purse').style.display == 'none'
) {
   document.getElementById('begin').style.display = 'none';
}

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

arr.sort((a, b) => a.pos ? 1 : (b.pos ? -1 : 0))

Лишний пробел после dbname=

Судя по всему, никак:

The limit and take query builder methods may not be used when constraining eager loads.

https://laravel.com/docs/5.7/eloquent-relationship...

let arrayFirst = [2, 5, 8, 1];
let arraySecond = [
{id: 34, name: 'test'}, 
{id: 5, name : 'test1'}, 
{id: 123, name: 'test2'}
];

// Если нужны все
const all = arraySecond.filter((y) => arrayFirst.includes(y.id));

// Если только первое совпадение
const first = arraySecond.find((y) => arrayFirst.includes(y.id)));

getThumbAttribute() + protected $appends = ['thumb']

У автомобильных номеров чётко известный формат (если речь только про российские, разумеется).
Поэтому для решения этой задачи хорошо подойдут регулярные выражения.
Но с тем же успехом можно работать с номером как с массивом - ведь заранее известны позиции, на которые нужно добавить пробелы.

https://github.com/barryvdh/laravel-debugbar

$(#event-date_start)
В кавычки селектор обернуть забыли (дважды) и браузер думает, что это обращение к приватному свойству, которые ещё не приняты в стандарт и не реализованы браузером.