Темы по JS для DOM для выступлений на семинарах

Темы для докладов по JS для DOM берутся с сайта https://learn.javascript.ru/ui

Названия тем (список тем будет дополняться):
  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы.
  6. Координаты в окне. Координаты в документе.
  7. Введение в браузерные события. Порядок обработки событий. Объект события
  8. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение"
  9. Действия браузера по умолчанию. Генерация событий на элементах
  10. Мышь: клики, кнопка, координаты. Мышь: отмена выделения, невыделяемые элементы. Мышь: движение mouseover/out, mouseenter/leave
  11. Мышь: Drag'n'Drop. Мышь: Drag'n'Drop более глубоко. Мышь: колёсико, событие wheel
  12. Мышь: IE8-, исправление события. Прокрутка: событие scroll. Клавиатура: keyup, keydown, keypress.
  13. Загрузка документа: DOMContentLoaded, load, beforeunload, unload. Загрузка скриптов, картинок, фреймов: onload и onerror

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

Просьба в обязательном порядке вписать свои ФИО напротив тем ниже.

Доклады должны сопровождаться презентацией. Презентация должна включать в себя максимальное количество примеров кода. Чтобы на проекторе презентация была читаема, необходимо чтобы фон был белым, а текст черным. Минимум дизайна. Особенно это касается примеров кода. Код обязательно должен быть на белом фоне.

Как уже было сказано. Максимум за доклады дается 20 баллов. До конца семестра каждый студент должен сделать как минимум по 2 доклада. В этом случае доклад должен быть развернутым, цельным и с большим количеством примеров кода.


Доклады 17 марта:

Впишите свои фамилии после названия темы (через тире):

ИВТ-260 (1 подгруппа)

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли. - Овчинникова В.В.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов. - Коржова А.П.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства. - Халилова К.Д.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы.
  6. Координаты в окне. Координаты в документе.

ИВТ-260 (2 подгруппа)

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы.
  6. Координаты в окне. Координаты в документе.

ИВТ-261

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства. - Раюшкин Э.С.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы.
  6. Координаты в окне. Координаты в документе.

Доклады 23 марта:

Впишите свои фамилии после названия темы (через тире):

ИВТ-263

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли.-Туфан Анвари
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов. - Филимонов О.Ю.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства.-Пьянникова А.А.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment. -Сетов Е.И.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы. - Антюфеев А.Ю.
  6. Координаты в окне. Координаты в документе. - Бирюкова Алина, Пригарин Евгений, Дмитриев Никита

Доклады 24 марта:

Впишите свои фамилии после названия темы (через тире):

ИВТ-261

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства. - Пивоваров В.В.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы
  6. Координаты в окне. Координаты в документе.

ИВТ-262 (1 подгруппа)

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли. Сазонов В.С.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов. - Козина С. А.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства. - Кочура О. А.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment. - Семисотов А.О.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы. Морозов В.В.
  6. Координаты в окне. Координаты в документе. - Буров С.С.

ИВТ-262 (2 подгруппа)

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли. Аксенова В.А.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment.
  5. Метод documеnt.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы.—Кучерова М.С.
  6. Координаты в окне. Координаты в документе.

Доклады 31 марта (фамилии перенес на случай, если кто не успел доложиться, отредактируйте список сами, если фамилии указаны неправильно):

Впишите свои фамилии после названия темы (через тире):

ИВТ-260 (1 подгруппа)

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли. - Овчинникова В.В.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов. - Коржова А.П.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства. - Калугина А.В.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы.
  6. Координаты в окне. Координаты в документе. - Бутова Е.С.
  7. Введение в браузерные события. Порядок обработки событий. Объект события-Халилова К.Д.
  8. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение" - Дерегузов К.Ю. , Думалаков И.В., Лепнева А.Д.
  9. Действия браузера по умолчанию. Генерация событий на элементах - Авдевнин И.А.

ИВТ-260 (2 подгруппа)

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов. - Артюшин В.О., Рябинин М.О.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment. - Ромах Е.И.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы.
  6. Координаты в окне. Координаты в документе.
  7. Введение в браузерные события. Порядок обработки событий. Объект события
  8. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение"
  9. Действия браузера по умолчанию. Генерация событий на элементах

ИВТ-261

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства. - Раюшкин Э.С.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment. - Дудников Ф.В.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы.
  6. Координаты в окне. Координаты в документе. - Гребенкина М.Д., Астанков А.А.
  7. Введение в браузерные события. Порядок обработки событий. Объект события. - Шуклин А.А., Ташилова М.А.
  8. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение"
  9. Действия браузера по умолчанию. Генерация событий на элементах

Доклады 6 апреля:

Впишите свои фамилии после названия темы (через тире):

ИВТ-263

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли.-Туфан Анвари
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов. - Филимонов О.Ю.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства.-Пьянникова А.А.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment. -Сетов Е.И.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы. - Антюфеев А.Ю.
  6. Координаты в окне. Координаты в документе. - Бирюкова Алина, Пригарин Евгений, Дмитриев Никита
  7. Введение в браузерные события. Порядок обработки событий. Объект события
  8. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение"
  9. Действия браузера по умолчанию. Генерация событий на элементах

Доклады 7 апреля:

Впишите свои фамилии после названия темы (через тире):

ИВТ-261

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли. - Раюшкин Э.С., Колесникова В.О.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы
  6. Координаты в окне. Координаты в документе.
  7. Введение в браузерные события. Порядок обработки событий. Объект события
  8. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение"
  9. Действия браузера по умолчанию. Генерация событий на элементах - Пивоваров В.В.

ИВТ-262 (1 подгруппа)

  1. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы. Морозов В.В.
  2. Координаты в окне. Координаты в документе. - Буров С.С.
  3. Введение в браузерные события. Порядок обработки событий. Объект события - Кочура О.А., Козина С.А.
  4. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение" - Семисотов А.О.
  5. Действия браузера по умолчанию. Генерация событий на элементах - Сазонов В.С.

ИВТ-262 (2 подгруппа)

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли. Аксенова В.А.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment.
  5. Метод documеnt.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы.—Кучерова М.С.
  6. Координаты в окне. Координаты в документе.
  7. Введение в браузерные события. Порядок обработки событий. Объект события
  8. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение"
  9. Действия браузера по умолчанию. Генерация событий на элементах

Доклады 14 апреля (фамилии перенес на случай, если кто не успел доложиться, отредактируйте список сами, если фамилии указаны неправильно):

Впишите свои фамилии после названия темы (через тире):

ИВТ-260 (1 подгруппа)

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли. - Овчинникова В.В.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов. - Коржова А.П.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства. - Калугина А.В.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы.
  6. Координаты в окне. Координаты в документе. - Бутова Е.С.
  7. Введение в браузерные события. Порядок обработки событий. Объект события-Халилова К.Д.
  8. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение" - Дерегузов К.Ю. , Думалаков И.В., Лепнева А.Д.
  9. Действия браузера по умолчанию. Генерация событий на элементах - Авдевнин И.А.
  10. Мышь: клики, кнопка, координаты. Мышь: отмена выделения, невыделяемые элементы. Мышь: движение mouseover/out, mouseenter/leave
  11. Мышь: Drag'n'Drop. Мышь: Drag'n'Drop более глубоко. Мышь: колёсико, событие wheel - Овчинникова В.В.
  12. Мышь: IE8-, исправление события. Прокрутка: событие scroll. Клавиатура: keyup, keydown, keypress.

ИВТ-260 (2 подгруппа)

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов. - Артюшин В.О., Рябинин М.О.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment. - Ромах Е.И.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы.
  6. Координаты в окне. Координаты в документе. - Зиверс М.Р., Печков Н.С.
  7. Введение в браузерные события. Порядок обработки событий. Объект события
  8. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение"
  9. Действия браузера по умолчанию. Генерация событий на элементах

ИВТ-261

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли. - Ташилова Мария, Шуклин Алексей
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment. - Дудников Ф.В.
  5. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы.
  6. Координаты в окне. Координаты в документе. - Гребенкина М.Д., Астанков А.А.
  7. Введение в браузерные события. Порядок обработки событий. Объект события. - Шуклин А.А., Ташилова М.А.
  8. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение"
  9. Действия браузера по умолчанию. Генерация событий на элементах - Астанков А.А.,Гребенкина.М.Д.
  10. Мышь: клики, кнопка, координаты. Мышь: отмена выделения, невыделяемые элементы. Мышь: движение mouseover/out, mouseenter/leave - Дудников Ф.
  11. Мышь: Drag'n'Drop. Мышь: Drag'n'Drop более глубоко. Мышь: колёсико, событие wheel - Коновалов Роман, Кухно Дмитрий
  12. Мышь: IE8-, исправление события. Прокрутка: событие scroll. Клавиатура: keyup, keydown, keypress.
  13. Преимущества использования и основы работы с vue.js. - Коновалов Роман, Кухно Дмитрий

Доклады 20 апреля:

Впишите свои фамилии после названия темы (через тире):

ИВТ-263

  1. Введение в браузерные события. Порядок обработки событий. Объект события. - Бабчук Д. А.
  2. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение" - Семенов Д. В.
  3. Действия браузера по умолчанию. Генерация событий на элементах - Бирюкова А.Н.
  4. Мышь: клики, кнопка, координаты. Мышь: отмена выделения, невыделяемые элементы. Мышь: движение mouseover/out, mouseenter/leave - Рыбаков Д.А.
  5. Мышь: Drag'n'Drop. Мышь: Drag'n'Drop более глубоко. Мышь: колёсико, событие wheel - Соловьев Дмитрий.С
  6. Мышь: IE8-, исправление события. Прокрутка: событие scroll. Клавиатура: keyup, keydown,- Леонтьев А.А.
  7. Загрузка документа: DOMContentLoaded, load, beforeunload, unload. Загрузка скриптов, картинок, фреймов: onload и onerror - Пригарин Е.А.

Доклады 21 апреля:

Впишите свои фамилии после названия темы (через тире):

ИВТ-261

  1. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов.
  2. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства.
  3. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment.
  4. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы - Пивоваров В.В.
  5. Координаты в окне. Координаты в документе. - Колесникова В.О.
  6. Введение в браузерные события. Порядок обработки событий. Объект события - Раюшкин Э.С.
  7. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение"
  8. Действия браузера по умолчанию. Генерация событий на элементах - Типаев Д.В.

ИВТ-262 (1 подгруппа)

  1. Метод document.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы. Морозов В.В.
  2. Мышь: клики, кнопка, координаты. Мышь: отмена выделения, невыделяемые элементы. Мышь: движение mouseover/out, mouseenter/leave Буров С.С.
  3. Мышь: Drag'n'Drop. Мышь: Drag'n'Drop более глубоко. Мышь: колёсико, событие wheel - Кочура О.А.
  4. Мышь: IE8-, исправление события. Прокрутка: событие scroll. Клавиатура: keyup, keydown, keypress.
  5. Загрузка документа: DOMContentLoaded, load, beforeunload, unload. Загрузка скриптов, картинок, фреймов: onload и onerror - Козина С.А.

ИВТ-262 (2 подгруппа)

  1. Окружение: DOM, BOM и JS. Дерево DOM. Работа с DOM из консоли. Аксенова В.А.
  2. Навигация по DOM-элементам. Поиск: getElement* и querySelector* и не только. Внутреннее устройство поисковых методов.
  3. Свойства узлов: тип, тег и содержимое. Современный DOM: полифиллы. Атрибуты и DOM-свойства.
  4. Методы contains и compareDocumentPosition. Добавление и удаление узлов. Мультивставка: insertAdjacentHTML и DocumentFragment.
  5. Метод documеnt.write. Стили, getComputedStyle. Размеры и прокрутка элементов. Размеры и прокрутка страницы.—Кучерова М.С.
  6. Координаты в окне. Координаты в документе.
  7. Введение в браузерные события. Порядок обработки событий. Объект события
  8. Всплытие и перехват. Делегирование событий. Приём проектирования "поведение"
  9. Действия браузера по умолчанию. Генерация событий на элементах

Добавить изображение из буфера обмена (Максимальный размер: 20 МБ)