Программирование [HTML Academy] Работа с DOM в JavaScript (2021)

Описание навыка

Профессиональная задача:
Умение создавать, удалять, перемещать, управлять элементами HTML-страницы и отображать данные в шаблонах с помощью JavaScript.
Зачем нужен этот навык:
DOM (Document Object Model — «объектная модель документа») — это инструмент, с помощью которого JavaScript видит и может менять содержимое, структуру и оформление HTML-страницы. Все базовые манипуляции с веб-страницей из скриптов требуют знание этого программного интерфейса. Освоив навык, вы будете умело использовать нативные возможности JS-платформы для работы с DOM и будете знать её ограничения.

Состав навыка

• Углублённая теория.
• 9 кейсов разного уровня сложности.
• Эталонные решения кейсов, детальные разборы демонстрационных кейсов.
  Курс "Работа с DOM в JavaScript" от HTML Academy предназначен для разработчиков, желающих углубить свои знания в манипуляциях с Document Object Model (DOM) и освоить современные подходы к взаимодействию с HTML-страницами с помощью JavaScript.
  Основные темы курса:
  1. Введение в DOM:
     • Понятие DOM и его роль в веб-разработке.
     • Структура документа и как JavaScript взаимодействует с HTML-элементами.
  2. Методы работы с DOM:
     • Изучение основных методов для выбора и манипуляции элементами: getElementById, querySelector, querySelectorAll.
     • Изменение содержимого и стилей элементов с помощью innerHTML, style, classList.
  3. События и обработчики:
     • Понимание событий и их типов: клики, наведение мыши, изменение форм и т.д.
     • Установка и удаление обработчиков событий с использованием addEventListener и removeEventListener.
  4. Создание и удаление элементов:
     • Методы создания новых элементов с помощью createElement, appendChild, removeChild.
     • Манипуляции с узлами и деревом DOM.
  5. Работа с формами:
     • Валидация форм и управление состоянием элементов форм.
     • Сбор данных из форм и обработка пользовательского ввода.
  6. Анимация и эффекты:
     • Основы анимации с помощью CSS и JavaScript.
     • Использование временных функций для создания плавных переходов и эффектов.
  Формат курса:
  • Интерактивные уроки: Каждый модуль включает теоретическую часть, практические задания и примеры кода.
  • Тестирование: Проверка знаний с помощью тестов и заданий, что позволяет закрепить материал.
  • Поддержка: Возможность задавать вопросы и получать обратную связь от преподавателей.
  Заключение:
  Курс "Работа с DOM в JavaScript" от HTML Academy является отличным выбором для тех, кто хочет научиться эффективно работать с элементами веб-страниц и создавать интерактивные интерфейсы. Участники получат необходимые знания и навыки для разработки современных веб-приложений.