Как быстро научится работать с DOM?

Question

[art style]

Хочу узнать как быстро научится работать с DOM и DOM events. я сейчас не говорю про сам язык и математику.
неужели придется в тупую заучивать devdocs?
вот например код

document.querySelector('.copybox').addEventListener('click', function({ target: t }) {
  if (t.tagName === 'BUTTON') {
    navigator.clipboard.writeText(t.previousElementSibling.textContent);
  }
});

из него понятно что мы ищем кнопку BUTTON в блоке .copybox и копируем содержание элемента стоящего перед button.
если читать готовый код то в принципе можно разобраться, но сам я такое с нуля не напишу просто потому что не понимаю как искать то что нужно в DOM и каков принцип написания конструкции кода. тут вроде и математика не нужна. есть какие-нибудь лайфхаки-туториалы? javascript.ru не советовать, потому что вопрос не про делить и умножать и тд

Comments

[twobomb]

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

[Kovalsky]

Илья Кантор, создатель learn.javascript.ru: *тратит несколько лет на то чтобы создать русскоязычный ресурс с обучающими материалами написанными простым языком*

Человек которому очевидно нужен именно learn.javascript.ru: "javascript.ru не советовать, потому что вопрос не про делить и умножать и тд"

Не знаю к чему вы в тексте вопроса три раза упоминаете математику, но на learn js ru есть целый огромный раздел посвященный именно работе с DOM

Answer 1

[Максим Морев]

Это база, так что нарабатывается только многократным повторением и умением быстро загуглить.
Конструкции, которые вы будете использовать каждый день, за какое-то время в памяти останутся (их не так много вообще). Ручками только набирайте, не копируйте со Стака.
А те, что не используются каждый день - всегда можно быстро загуглить. Несколько раз пройдитесь по документации, просто чтобы иметь представление о том, что вообще существует - и практиковаться. :)

Answer 2

[historydev]

Берёте и пишите console.log(document) смотрите внимательно прототип и гуглите каждый из ключей, пару часов займёт, а довести до автоматизации поможет только практика-практика и ещё раз практика.

Answer 3

[Shmulhe]

Можно использовать, например, React, будет удобно и быстрее, но для этого все равно надо понимать DOM и еще разобраться в React))