курс

JS: DOM API

7293 студента
Последнее обновление: 06 мая 2025
Курс JS: DOM API
3 900 ₽ в месяц
за все курсы Хекслета
Зарегистрироваться
  • Тренажер с практикой
  • Бессрочный доступ к теории
  • Асинхронный формат
    обучения

Включено в курс

18 уроков (видео и/или текст)
18 упражнений в тренажере
58 проверочных тестов
Доступ к остальным курсам платформы

Чему вы научитесь

  • Оживлять веб-страницы добавляя в них интерактивность
  • Взаимодействовать с любыми элементами на странице, выбирать их или изменять
  • Обеспечивать универсальную работу JavaScript в любом браузере
  • Правильно обрабатывать формы
  • Выполнять AJAX-запросы на сервер
  • Использовать JQuery для обработки DOM

Описание

В этом курсе вы изучите браузерную среду. Вы познакомитесь с объектами браузера, научитесь делать любые преобразования HTML и добавлять интерактивность на страницу. Знания из этого курса пригодятся, если вы решите, создавать интерактивные приложения, которые взаимодействуют со страницей в браузере.

Чтобы учиться было проще, рекомендуем пройти следующие курсы:

Программа курса

Продолжительность 20 часов
  • 1

    Введение

    Знакомимся с темой и целями курса
  • 2

    JavaScript в браузере

    Учимся использовать JavaScript в браузере, изучаем отличия между серверным и клиентским JavaScript

    тесты

    упражнение

  • 3

    Глобальный объект Window

    Выясняем, зачем и как использовать объект window

    тесты

    упражнение

  • 4

    BOM-объекты

    Знакомимся с объектами, которые позволяют управлять браузером через JavaScript

    тесты

    упражнение

  • 5

    DOM

    Выясняем, чем HTML отличается от DOM

    тесты

    упражнение

  • 6

    Навигация по DOM-дереву

    Знакомимся с структурой DOM-дерева и учимся перемещаться по ней

    тесты

    упражнение

  • 7

    Декларативный поиск по DOM-дереву

    Знакомимся с getElementById, querySelector и другими поисковыми методами

    тесты

    упражнение

  • 8

    Консоль разработчика

    Учимся пользоваться консолью разработчика в браузере

    тесты

  • 9

    Манипулирование DOM-деревом

    Учимся менять DOM-дерево, добавлять и удалять элементы

    тесты

    упражнение

  • 10

    Управление узлами DOM

    Учимся модифицировать элементы, разбираем разницу между атрибутами и свойствами

    тесты

    упражнение

  • 11

    Полифиллы

    Выясняем, как нивелировать различия между браузерами при работе с DOM

    тесты

  • 12

    Введение в события

    Знакомимся с событийной моделью браузера, изучаем базовые события и их особенности работы

    тесты

    упражнение

  • 13

    События на практике

    Учимся создавать интерактивные компоненты

    тесты

    упражнение

  • 14

    Формы

    Учимся правильно обрабатывать формы

    тесты

    упражнение

  • 15

    Перехват и всплытие

    Разбираемся со стадиями событий и обсуждаем, как перехватить всплывающее событие

    тесты

    упражнение

  • 16

    События документа

    Знакомимся с событиями, которые возникают при загрузке и выгрузке документа

    тесты

  • 17

    AJAX

    Учимся выполнять AJAX-запросы, используя fetch — современный API браузера

    тесты

    упражнение

  • 18

    JQuery

    Учимся пользоваться библиотекой JQuery и обсуждаем, почему компании отказываются от нее, но все еще требуют в вакансиях

    тесты

    упражнение

  • 19

    Самостоятельная работа

    Дополнительные задания, которые позволяют закрепить полученную теорию
  • 20

    Дополнительные материалы

    Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса

Формат обучения

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже

#
Задание
% завершений

Рекомендуемые программы

профессия
Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React
10 месяцев
с нуля
Старт 15 мая
профессия
Программирование на JavaScript в браузере и на сервере (Node.js), разработка бекендов на Fastify и фронтенда на React
16 месяцев
с нуля
Старт 15 мая
профессия
новый
Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL
8 месяцев
c опытом
Старт 15 мая
профессия
новый
Разработка фронтенд- и бэкенд-компонентов для веб-приложений на Spring Boot и React
16 месяцев
с нуля
Старт 15 мая
профессия
новый
Программирование на JavaScript и PHP, разработка веб-приложений и сервисов используя Laravel, проектирование REST API и работа с базами
16 месяцев
с нуля
Старт 15 мая
профессия
новый
Программирование на JavaScript и Python, разработка веб-приложений и сервисов используя Django, проектирование REST API и работа с базами данных
16 месяцев
с нуля
Старт 15 мая
профессия
Программирование на Python, Разработка веб-приложений и сервисов используя Django, проектирование и реализация REST API
10 месяцев
с нуля
Старт 15 мая
профессия
Тестирование веб-приложений, чек-листы и тест-кейсы, этапы тестирования, DevTools, Postman, SQL, Git, HTTP/HTTPS, API
4 месяца
с нуля
Старт 15 мая
профессия
Программирование на Java, Разработка веб-приложений и микросервисов используя Spring Boot, проектирование REST API
10 месяцев
с нуля
Старт 15 мая
профессия
новый
Google таблицы, SQL, Python, Superset, Tableau, Pandas, визуализация данных, Anaconda, Jupyter Notebook, A/B-тесты, ROI
9 месяцев
с нуля
Старт 15 мая
профессия
Программирование на PHP, Разработка веб-приложений и сервисов используя Laravel, проектирование и реализация REST API
10 месяцев
с нуля
Старт 15 мая
профессия
Программирование на Ruby, Разработка веб-приложений и сервисов используя Rails, проектирование и реализация REST API
5 месяцев
c опытом
Старт 15 мая
профессия
Программирование на JavaScript, разработка веб-приложений, bff и сервисов используя Fastify, проектирование REST API
10 месяцев
с нуля
Старт 15 мая
профессия
новый
6 месяцев
с нуля
в разработке
Старт 30 мая
профессия
новый
10 месяцев
с нуля
в разработке
Старт 19 июня
профессия
новый
1 месяц
с нуля
в разработке
Старт 30 мая
профессия
новый
10 месяцев
с нуля
в разработке
Старт 1 июля
профессия
новый
6 месяцев
с нуля
в разработке
Старт 1 июля
профессия
новый
6 месяцев
c опытом
в разработке
Старт 10 июня
профессия
новый
14 месяцев
с нуля
в разработке
Старт 1 июля
профессия
новый
8 месяцев
с нуля
в разработке
Старт 1 июля
профессия
новый
4 месяца
c опытом
в разработке
Старт 30 мая
профессия
новый
Автоматизированное тестирование веб-приложений на Python
8 месяцев
с нуля
Старт 15 мая
профессия
новый
Автоматизированное тестирование веб-приложений на Java
8 месяцев
с нуля
Старт 15 мая
профессия
новый
10 месяцев
c опытом
в разработке
Старт 1 августа
профессия
новый
6 месяцев
с нуля
в разработке
Старт 30 мая