Где учить тему координаты по javascript DOM , мало ресурсов и не понятно

майл.ру

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

1. **Основы координат в DOM**:
- Прежде всего, убедитесь, что вы хорошо разбираетесь в базовых понятиях JavaScript и DOM (Document Object Model).
- Понимание координат начинается с понимания системы координат в браузере, где верхний левый угол экрана имеет координаты (0,0).
- Элементы DOM имеют свойство `offsetLeft` и `offsetTop`, которые предоставляют их позицию относительно их родительского элемента.

2. **Учебные ресурсы**:
- [MDN Web Docs]( https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model ) - это отличный ресурс для изучения DOM и JavaScript. Он предоставляет документацию и учебные материалы.
- Смотрите учебные видео на YouTube. Есть много видеокурсов, посвященных работе с DOM и координатами.
- Изучайте примеры кода, чтобы понять, как элементы можно перемещать и манипулировать их координатами.

3. **Практика**:
- Создайте простую веб-страницу с элементами, которые вы хотите перемещать.
- Используйте JavaScript для обработки событий клавиш и изменения координат элементов в соответствии с вашими действиями.
- Пробуйте разные методы и техники, чтобы лучше понять, как это работает.

4. **Экспериментируйте и исследуйте**:
- Попробуйте использовать функции, такие как ` element.style .left` и ` element.style.top `, чтобы устанавливать координаты элементов.
- Изучите методы `getBoundingClientRect()` и ` element.style .transform` для более сложных манипуляций элементами.

5. **Создайте проекты**:
- Для закрепления навыков создайте небольшие проекты, например, игры, где необходимо перемещать элементы с помощью клавиш, и так далее.

6. **Спрашивайте и изучайте другие ресурсы**:
- Если у вас есть конкретные вопросы или проблемы, не стесняйтесь обращаться к сообществам разработчиков, форумам или задавать вопросы на Stack Overflow.

Запомните, что понимание координат и манипуляций с элементами в DOM приходит с опытом, поэтому не бойтесь экспериментировать и практиковаться.

classList, style, addEventListener. Это в целом все что нужно, для анимашек и модалок. Еще нужно знать методы выборки элементов по типу querySelector, и такие методы remove, removeChild, create, appendChild и т.п. Конечно я может забыл что то но это из основного