Зарегистрируйтесь для доступа к 15+ бесплатным курсам по программированию с тренажером

Введение JS: DOM API

Что вообще такое фронтенд-разработка?

Современные сайты обладают высокой степенью интерактивности. Страницы перезагружаются все реже, а манипуляции с содержимым происходят прямо на месте. Программные решения стали настолько сложными (комплексными), что уже сейчас в браузере реализуются полноценные среды разработки (например, редактор Хекслета), программы, подобные Photoshop или пакеты, аналогичные Microsoft Office. Существует большая индустрия игр, созданных для браузеров. Причем благодаря аппаратной поддержке эти игры не уступают тому, что делается и для обычного десктопа.

Язык, который изначально использовался как способ добавить снежинки на сайт, стал мощнейшим инструментом в руках профессионалов. На текущий день JavaScript — единственный язык, исполняемый браузерами.

Но одного языка недостаточно для того, чтобы оживить страницу. Браузер должен предоставить способ управлять как страницами, так и самим браузером. Большинство этих возможностей стандартизировано и описано в спецификациях HTML5. Вот некоторые из них:

  • Манипуляция содержимым страницы
  • Управление внешним видом
  • Реакция на действия пользователя
  • Работа с куками
  • Управление браузером (адресная строка, навигация, история)
  • Взаимодействие с сервером
  • Проигрывание видео
  • Ввод/Вывод. Взаимодействие с файловой системой и сетью
  • 2D/3D рисование

С точки зрения языка, большинство этих возможностей выглядят как некие глобальные объекты, с которыми можно взаимодействовать в программе. Самым базовым и ключевым объектом этой системы является представление DOM-дерева.

В этом курсе мы научимся внедрять js на сайт, пройдем по основным способам манипулирования страницей, познакомимся с полифиллами, сделаем свой первый ajax-запрос и откроем для себя мир событий.

После этого курса вы сможете попробовать свои силы в создании простых фронтенд-игр (в практике после курса).

Как подготовиться к этому курсу

Этот курс посвящен тому как оживлять страницы в браузере с помощью JavaScript. Подразумевается, что студент уже уверенно владеет JavaScript, умеет работать с массивами/объектами/функциями и с древовидными структурами. Перед тем как приступать к изучению DOM API, рекомендуем вам пройти следующие курсы:

Правильную последовательность курсов можно найти в программах профессий Фронтенд-программист или Node.js-разработчик.


Аватары экспертов Хекслета

Остались вопросы? Задайте их в разделе «Обсуждение»

Вам ответят команда поддержки Хекслета или другие студенты.

Для полного доступа к курсу нужен базовый план

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

Получить доступ
1000
упражнений
2000+
часов теории
3200
тестов

Открыть доступ

Курсы программирования для новичков и опытных разработчиков. Начните обучение бесплатно.

  • 130 курсов, 2000+ часов теории
  • 1000 практических заданий в браузере
  • 360 000 студентов
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и соглашаетесь с «Условиями использования»

Наши выпускники работают в компаниях:

Логотип компании Альфа Банк
Логотип компании Aviasales
Логотип компании Yandex
Логотип компании Tinkoff
Рекомендуемые программы

С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

Иконка программы Фронтенд-разработчик
Профессия
Разработка фронтенд-компонентов для веб-приложений
6 октября 10 месяцев
Иконка программы Fullstack-разработчик
Профессия
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
6 октября 16 месяцев

Используйте Хекслет по-максимуму!

  • Задавайте вопросы по уроку
  • Проверяйте знания в квизах
  • Проходите практику прямо в браузере
  • Отслеживайте свой прогресс

Зарегистрируйтесь или войдите в свой аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и соглашаетесь с «Условиями использования»