курс

JS: DOM API

6799 студентов 3700 сообщений
Последнее обновление: 21 ноября 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 за ваш труд.

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

профессия
Осваивайте разработку веб-страниц, оживляйте дизайн макетов, публикуйте сайты и приложения. Отслеживайте ошибки в интерфейсе и устраняйте их
10 месяцев
с нуля
Старт 5 декабря
профессия
Обучитесь разработке визуальной части сайта — фронтенда, а также реализации серверной — бэкенда. Освойте HTML, CSS, JavaScript
16 месяцев
с нуля
Старт 5 декабря
профессия
новый
Организовывайте процесс автоматизации тестирования на проекте, обучитесь языку программирования JavaScript, начните управлять процессом тестирования
8 месяцев
c опытом
Старт 5 декабря
профессия
Обучитесь разработке бэкенда сайтов и веб-приложений — серверной части, которая отвечает за логику и базы данных
10 месяцев
с нуля
Старт 5 декабря
профессия
Выполняйте ручное тестирование веб-приложений, находите ошибки в продукте. Узнайте все о тест-дизайне.
4 месяца
с нуля
Старт 5 декабря
профессия
Научитесь разработке веб-приложений, сайтов и программного обеспечения на языке Java, программируйте и используйте структуры данных
10 месяцев
с нуля
Старт 5 декабря
профессия
новый
Собирайте, анализируйте и интерпретируйте данные, улучшайте бизнес-процессы и продукт компании. Обучитесь работе с библиотеками Python
9 месяцев
с нуля
Старт 5 декабря
профессия
Занимайтесь созданием сайтов, веб-приложений, сервисов и их интеграцией с внутренними бизнес-системами на бекенд-языке PHP
10 месяцев
с нуля
Старт 5 декабря
профессия
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 5 декабря
профессия
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 5 декабря