DOM Manipulation
Learn how to dynamically update web pages to create interactive business applications.
What You'll Learn
Description
Манипуляция DOM — это то, как веб-страница меняется после загрузки: показать сообщение, добавить строку в таблицу, провалидировать форму, отреагировать на клик. Этот учебник охватывает нативные API браузера (getElementById, querySelector, textContent, classList, addEventListener, createElement), поверх которых построен каждый фреймворк.
Вы пройдёте четыре главы с запускаемыми примерами кода и интерактивным демо списка задач, по которому можно кликать прямо в браузере, рядом с эквивалентным кодом на чистом DOM. Каждая глава также показывает, как описать желаемое поведение ИИ-ассистенту и проверить то, что он возвращает.
К концу вы сможете безопасно выбирать элементы, подключать события, отрисовывать списки из массива данных, валидировать форму при отправке и избегать паттернов layout thrashing, из-за которых страницы кажутся медленными.
What's inside
- 1.Выбор элементов — что такое DOM, поиск элементов с getElementById и querySelector и описание нужного изменения ИИ-ассистенту.
- 2.Текст, стили и события — чтение и изменение текста, атрибутов и стилей, подключение первых слушателей click и input.
- 3.События и отрисовка — создание и удаление элементов, делегирование событий и отрисовка DOM из массива данных.
- 4.Формы и производительность — обработка отправки формы с валидацией, а также батчинг и дебаунсинг для быстрых, отзывчивых приложений.