Сергей delphinpro

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

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

А на подобные вопросы вам будут отвечать либо банальными шутками, либо собственным опытом, который лично вам не подойдет.
Я вот учил сугубо по огрызкам документации. Потому что ничего другого не быол

1. Пиши код так, чтоб его работу было трудно нарушить без специального умысла. Делается элементарной изоляцией области видимости кода от внешнего мира.
2. Проверь скорость загрузки всего, что загружается на странице сайта. Это делается в девтулзах на вкладке network.
3. Возможно касперский никак не влияет и никак не портит ничего на сайте. Но в результате его действий, в твоем коде могут запускаться неожиданные сценарии, приводящие к тормозам. Вдруг ты слушаешь через обсервер весь body на на максималках. Возможно нужен рефакторинг с учетом первого пункта.

Global Scopes с ->where('active', true) решит проблему с такими товарами во всех запросах (каталог, поиски, 404 на show и тд) за 1 минуту) Будет что-то типа самопального soft delete. Единственное в запросах где нужны будут все товары (включая inactive) необходимо будет помнить о скопе и добавлять withoutGlobalScope.

колонку сделайте utf8mb4 – не хватает байтов на все эти ваши emoji и твики )

Стоит всё-таки разобраться, что такое массивы. Например, тут хорошо.

Раз у вас упорядоченные номера 1..10, можно использовать массив. Например:

const image_one = [];
image_one[1] = '';
image_one[2] = '';
// ...
image_one[10] = '';

Так же обращаться и чтобы получить значения: value = image_one[7];

Так как у вас две похожих коллекции, каждая - массив, можно держать их как значения единого общего объекта (ключ-значение):

const matrix = {
  one: [],
  two: [],
};

matrix.one[1] = '';
// ...
matrix.one[10] = '';

// --------
matrix.two[1] = '';
// ...
matrix.two[10] = '';

Вызов печати выводите через window.print, а стили все остальное реализуется через CSS:
@media print { /* Стиль для печати */ }

Надо начинать с основ: немножко почитать про JSON, понять, что это не «траблы», потом немножко про json_encode в доке по РНР и узнать про доступные константы-параметры типа JSON_UNESCAPED_UNICODE.