JavaScript. Уровень 2. Расширенные возможности
JS_Ext
Данный курс посвящен принципам и приемам взаимодействия с HTML-документом средствами языка JavaScript. В рамках курса рассматриваются встроенные в браузер объекты, которые помогут реализовать повышенную интерактивность и функциональность сайта, работа с объектами формы и реализация валидации пользовательского ввода, генерация и изменение разметки страницы, а также событийная модель JavaScript.
Форма проведения: очно / дистанционно.
Аудитория
Курс предназначен для начинающих web(front-end)-разработчиков, которые хотят научиться реализовывать взаимодействие пользователя с компонентами сайта средствами языка JavaScript, а также познакомиться с функционалом, который предлагает язык для работы с возможностями браузера.
Предварительная подготовка
Успешное окончание курса JavaScript. Уровень 1. Основы веб - программирования или эквивалентная подготовка.
Результат обучения
По окончании курса слушатели будут:
- Понимать возможности современного JavaScript
- Использовать возможности браузера
- Управлять элементами HTML документа с помощью JavaScript
Программа курса
Модуль 1. Объектная модель браузера. (4 ак. часа)
· Объектная модель браузера
· Объект Window
· Объект Navigator
· Объект Screen
· Объект History
· Объект Location
· Объект Document
· HTML-коллекции
· Лабораторная работа: Использование объектов браузера
Модуль 2. Элементы HTML. (4 ак. часа)
· Описание и назначение тега Form
· Элементы для ввода данных
· Механика встроенной валидации
· Отправка данных на сервер
· Другие теги HTML (Image, Table и т.д.)
· Лабораторная работа: Использование элементов HTML
Модуль 3. Объектная модель документа: DOM. (4 ак. часа)
· Описание и назначение Document Object Model (DOM)
· Типы узлов
· Связи между объектами
· Свойства и методы интерфейса Node
· Свойства и методы интерфейса Element
· Свойства и методы интерфейса Document
· Нестандартные свойства и методы HTML-элементов
· Свойства и методы коллекции styleSheets
· Лабораторная работа: Использование объектной модели документа
Модуль 4. События и их обработка. (4 ак. часа)
· Понятие событийной модели взаимодействия
· Виды событий
· Понятие и назначение обработчиков событий
· Виды обработчиков событий: погружение и всплытие
· Отмена действий по умолчанию
· Отмена всплытия события
· Кроссбраузерные свойства события
· Лабораторная работа: Интерактивность страницы через события