Основные возможности платформы Hexlet не доступны в вашем браузере.
Пожалуйста, обновитесь. Выбрать браузер.
курс

JS: DOM API

DOM является основой фронтенд разработки. Работа с любыми фреймворками и библиотеками начинается с понимания этой темы. Основные темы, которые будут рассмотрены в данном курсе:

  • Манипуляции DOM деревом
  • BOM
  • Полифиллы
  • Инструменты разработчика в браузерах
  • AJAX
  • Jquery

Сначала рекомендуем пройти курс JS: Асинхронное программирование

1.

Введение

теория (текст)

Познакомиться с курсом и его целями

2.

JavaScript в браузере

теория (текст) / тесты

Научиться использовать js в браузере. Узнать об отличиях между серверным и клиентским js.

3.

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

теория (текст) / тесты

Познакомиться с глобальными объектами предоставляемыми браузером. Разобрать некоторые компоненты BOM, например, навигацию, работу с историей, ссылками.

4.

Что такое DOM?

теория (текст) / тесты

Узнать о том чем html отличается от dom.

5.

DOM Дерево

теория (текст) / тесты / упражнение

Познакомиться со структурой DOM дерева. Научиться перемещаться по ней.

6.

Поиск по дереву

теория (текст) / тесты

Познакомиться с поисковыми методами: `getElementById`, `querySelector` и другими.

7.

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

теория (текст)

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

8.

Тесты

теория (текст)

Познакомиться с системным тестированием

9.

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

теория (текст) / тесты / упражнение

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

10.

Управление элементами DOM

теория (текст) / тесты / упражнение

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

11.

Полифиллы

теория (текст)

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

12.

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

теория (текст) / тесты / упражнение

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

13.

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

теория (текст) / упражнение

Разобраться со стадиями событий. Научиться перехватывать события и останавливать их всплытие.

14.

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

теория (текст)

Познакомиться с событиями возникающими при загрузке и выгрузке документа.

15.

AJAX

теория (текст) / упражнение

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

16.

JQuery

теория (текст) / упражнение

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

17.

UI как конечный автомат

теория (текст) / упражнение

Узнать страшную правду про UI

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки.

Статистика
1067
учащихся
486
вопросов
и ответов
12
часов
Учитель