[webgraph]

Да сами АПИ все запоминать смысла нет

Просто важно знать какие есть возможности у браузера и всегда уметь загуглить

Поддерживаю. Веб-технологии быстро развиваются. Какие-то появляются, какие-то устаревают. Важно следить за миром IT.

Первоначально отталкивайтесь от поставленной задачи. На основании этого будет ясно понять на какие API обратить внимание и что использовать в своём проекте.

• Используйте Can I Use для тестирования поддержки браузерами.

Вообще для работы с DOM и сетевыми запросами часто используются:

/*
*
Часто используется для работы с DOM и Request
*
*/
//1. 
const items = document.querySelectorAll(''); // выбираем необходимые элементы, н-р, все ссылки на странице или какие-то блоки с определенным классом

//2. 
items.forEach((element) => {}); // перебираем выбранные элементы из п.1 и работаем с каждым по отдельности

//3. 
element.addEventListener('event', () => {}); // отлавливаем события конкретного элемента, например, когда на него нажали и т.д.

//4. 
fetch(); // отправляем запрос по url — н-р, для работы со сторонними API

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