курс

JS: DOM API

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

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

18 уроков (видео и/или текст)
18 упражнений в тренажере
52 проверочных теста
Помощь в «Обсуждениях»
Доступ к остальным курсам платформы

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

  • Оживлять веб-страницы добавляя в них интерактивность
  • Взаимодействовать с любыми элементами на странице, выбирать их или изменять
  • Обеспечивать универсальную работу 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 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже

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

Отзывы

Аватар пользователя Elena Khuzhina
Elena Khuzhina 16 июля 2023

Очень классное задание! Спасибо большое! Сначала не знала с чего начать даже, растерялась. Но потом пару дней и перечитала теорию и обсуждения, и все получилось. Сохраняю полезные комментарии в отдельный файл и как мозаика потом в голове складывается что зачем идет.


Аватар пользователя Виталий Моржов
Виталий Моржов 27 июня 2022

Спасибо команде Хекслета за такие упражнения ! Когда сам реализовываешь подобную функциональность, да еще и все работает, то мотивация взлетает до небес!)

P.s Я несколько часов мучился из-за того, что не понял как должна выглядеть результирующая строка запроса на сервер. Ошибка была именно в части запроса. Я думал, что должно быть так: ....?capital=moscow, а оказалось так: ....?search=moscow


Аватар пользователя Anton Krupin
Anton Krupin 30 апреля 2022

Спасибо за такое интересное задание =) Решение конечно не такое красивое и компактное, как у учителя, но тесты прошло с первого раза =)


Аватар пользователя Yaroslav Mikhaylov
Yaroslav Mikhaylov 24 марта 2022

очень хороший урок, побольше бы таких, с разбором хитрых кейсов из практики


Аватар пользователя Oleg Artemiev
Oleg Artemiev 04 февраля 2022

Понравилось задание. Решение учителя элегантное. Спасибо команде Hexlet за ваш труд.

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

профессия
от 6 300 ₽ в месяц
Разработка фронтенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 21 марта
профессия
от 9 900 ₽ в месяц
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
16 месяцев
с нуля
Старт 21 марта
профессия
новый
Автоматизированное тестирование веб-приложений на JavaScript
8 месяцев
c опытом
в разработке
Старт 21 марта
профессия
от 6 300 ₽ в месяц
Разработка веб-приложений на Django
10 месяцев
с нуля
Старт 21 марта
профессия
от 6 183 ₽ в месяц
Ручное тестирование веб-приложений
4 месяца
с нуля
Старт 21 марта
профессия
от 6 300 ₽ в месяц
Разработка приложений на языке Java
10 месяцев
с нуля
Старт 21 марта
профессия
от 5 025 ₽ в месяц
новый
Сбор, анализ и интерпретация данных
9 месяцев
с нуля
Старт 21 марта
профессия
от 6 300 ₽ в месяц
Разработка веб-приложений на Laravel
10 месяцев
с нуля
Старт 21 марта
профессия
от 5 840 ₽ в месяц
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 21 марта
профессия
от 6 300 ₽ в месяц
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 21 марта
профессия
Верстка с использованием последних стандартов CSS
5 месяцев
с нуля
Старт в любое время