Арсений Maskich

1. sadcitizen.me/code-guide
2. https://html5boilerplate.com/

Для склейки HTML-блоков (GUI-"кубики"): includeHTML

Тут могут помочь order и ~:

<div class="container">
  <img class="center" src="...">
  <img class="left" src="...">
  <img class="right" src="...">
</div>

.container {
  display: flex;
}

.center {
  order: 2;
}
.left {
  order: 1;
  visibility: hidden;
}
.right {
  order: 3;
  visibility: hidden;
}

.center:hover ~ .left,
.center:hover ~ .right {
  visibility: visible;
}

https://jsfiddle.net/561pc9gr/

У меня стоял этот вопрос достаточно остро. На самом деле все достаточно просто)

Факты:
1. При самообучении смотрел YDNJS / Hexlet.io / Codewars / Codepen.io - только практика с изучением теории,
изучать JS без моментальной практики - большая ошибка. Нужно дебажить и смотреть как это работает, экспериментировать.

2. Приступив на работе к достаточно сложной задаче и изучая все подряд, получая постепенно review кода - я за 1.5 месяца загрузил в себя очень много материала и дальше я почувствовал определенную легкость в изучении материала. Ты всегда можешь понять при общении с коллегами - что актуально, как и что изучать в данный момент времени.

3. Если возникает "умственная вялость" - когда смотришь на event и не понимаешь, что происходит. Бери перерыв. 10 минут - 20 минут или переключайся на другие задачи, ты все успеешь. Сон - питание - спорт. (обрати большое внимание на эти факторы)

4. JS не изучается за 3 месяца даже самым лютым бойцом в этом направлении. Он действительно сложнее, чем можно себе это представить. Многие знают JS на поверхностном уровне.

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

6. Принимай активное участие в JS-сообществе (комментируй, общайся, знакомься, ходи на митапы и конференции)

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

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

Проще пример - смотрим ролик с рецептом нужного блюда - результат тот же.

Ещё проще - пришли гости - едим то, что есть в холодильнике и что умеем готовить.

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

Просто время не пришло ...

ты это, побыстрее от теории к практике

лучше два часа усердно погуглить, почему у тебя конкретно в этом месте скрипт не работает с вот этой вот ошибкой, чем две недели читать в книге, что надо сделать, чтобы ошибки этой не случилось (а потом через № недель когда наконец перейдешь к практике, то ошибка все равно случится)

Лично я плакал, когда учил JS
Я половину гуглил "JS асинхронность", а потом гуглил "почему JS такой сложный"

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

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

Смотрите разные источники по теме. Кантор, ютуб, документация, стэк, тостер, статьи, интерактивные курсы. Обязательно найдете понятное объяснение.

Если совсем туго — приходите и задавайте конкретные вопросы.