McBernar

На каких сервисах посоветуете учиться ? Сейчас я учусь на learn.javascript.

Это только для того чтобы стать "начинающей заготовкой программиста".
Ни о каком сколько-то полноценном программисте, а уже тем более опытом - речи идти не может.
Только самое что ни на есть начало длинного пути.

,как стали таким каким являетесь на данный момент

Практика.
Много-много-много лет.

Наблюдение показывают, что "заготовка программиста" становится программистом (только начинающим программистом причем) где то спустя 2 года постоянного ежедневного программирования.
А опытным - еще спустя 5-7 лет.

Тут речь о мягких навыках, в частности про управление собой и концентрацию.

Как вариант, использовать эту привычку во благо. Посещать ютуб стало привычкой, теперь нужно культивировать просмотр нужного контента.

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

Вот например, чтобы изучить что-то основательно, нужно курить 3-4 часовые видео + практика, но в реалиях такого энтузиазма мало у кого есть, поэтому, как вариант начать с 5-15 минутных видео. Просто начать.

У меня была точно такая же история, только вместо ютуба я читал тостер)))) Понимая, что не могу с собой ничего поделать, я начал просматривать по 300-400 советов из разных тематик ежедневно в том числе рубрики в которых я полный ноль. А позже я культивировал полезный поиск + сбор полезных материалов, в том числе из комментариев.

Я купил ежедневник, где что-то зарисовываю или записываю о том, что я смотрю и читаю, подстегивая себя к новым знаниям. Это своеобразная медитация. Скептически всегда относился к ежедневникам, но оказалось забавно, как такая штука может якорить и напоминать: не останавливайся, чувак!

В один момент, я понял, что хочу углубляться по вопросам и перескочил с тостера на видео, книги и практику. Начинал так же, с банальных вещей, которые культивировал. Например, что такое цвет? И по 15-20 мин ежедневно что-то читал, смотрел изучал, пока не захотелось это делать по 30 мин в день. некоторые вещи я хочу делать теперь по 3-4 часа в день.

Мой посыл в том, что резкой перемены не произойдет. А чтобы произошла перемена ты сам должен сказать себе: так, мне пора на следующий уровень. Чтобы попасть на следующий уровень окружи себя инфополем текущего, пока эта информация не покажется усвоенной.

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

Мягкие навыки 1
мягкие навыки 2
40 правил философии ответственности обрати внимание на 2 правило
теория психики
рекомендую его заметки

Давай ещё разок: тебе не сжигать мосты нужно, а выжать полезное действие из привычки.

0. Никаких резких перемен не будет.
1. Почитать про софт скилы и что формирует их.
2. Продолжить смотреть ютуб, разбавив ежедневной рубрикой "полезные 15 минут"
3. Окружить себя инфополем текущего уровня, пока не захочется на следующий. А захочется, так как эти 15 минут превратятся рано или поздно в 20, а потом в 30. Культивация полезного действия.
4. Попав на новый уровень, проделать тоже самое.

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

Артур, я посмотрел куски кода в твоих последних вопросах. Если ты продолжаешь игнорировать PSR-2 и использовать нестрогое сравнение (if ($this->get('parametr') == 1)), то нечего пока ревьювить, всё плохо.

Сделать кликабельными сами дивы - можно.

document.addEventListener('click', evt => {
  if (evt.target.matches('div.link')) {
    location.href = evt.target.textContent.trim()
  }
})

Сделать похожими на ссылки визуально - тоже можно (в некотором приближении)

div.link {
  color: blue;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
 }

Сделать их по-настоящему ссылками, без иземенения кода - нельзя.

Но изменять не обязательно вручную, можно скриптом же.

document.querySelectorAll('div.link').forEach(cell => {
  let url = cell.textContent.trim()
  cell.innerHTML = `<a href="${url}">${url}</a>`
})

Нужны пакеты
sudo apt-get install jpegoptim imagemagick optipng
mogrify

бекапимся
все будет происходить на месте - файлы заменяются
начиная с текущей папки и далее в глубину

Оптимизируем jpeg

find . -type f \( -name "*.jpeg" -or -name "*.jpg" \) -exec mogrify -resize x100 -quality 90 {} \; -exec jpegoptim -o --strip-all {} \;

Оптимизируем png

find . -type f -name "*.png" -exec mogrify -resize x100 {} \; -exec optipng -o1 {} \;

mogrify -resize ШИРИНАxВЫСОТА -quality КАЧЕСТВО
если высоты(ширины) нет, то изменяем пропорционально

optipng -o9 file.png
максимальное количество проходов по изображению, очень эффективно для запущенных случаев, очень-очень долго
пару минут на файл 1500х1500

optipng -o5 file.png
просто долго

# код предоставляется как есть

# почему оптипнг - он офигительный

# для других типов картинок меняем find и ищем каким софтом их оптимизируют
Также можно сконвертить картинки в пнг-жпг, но часто это как-то нужно синхронизировать с бд, и тут нет простого пути

https://reactjs.org/docs/getting-started.html