JavaScript. Расширенные возможности

Данный курс посвящен принципам и приемам взаимодействия с HTML-документом средствами языка JavaScript. В рамках курса рассматриваются встроенные в браузер объекты, которые помогут реализовать повышенную интерактивность и функциональность сайта, работа с объектами формы и реализация валидации пользовательского ввода, генерация и изменение разметки страницы, а также событийная модель JavaScript.

  Для кого:

Курс предназначен для начинающих web(front-end)-разработчиков, которые хотят научиться реализовывать взаимодействие пользователя с компонентами сайта средствами языка JavaScript, а также познакомиться с функционалом, который предлагает язык для работы с возможностями браузера.

Что должен знать слушатель

Успешное окончание курса «JavaScript. Основы веб – программирования» или эквивалентная подготовка.

Результаты обучения

После прохождения курса Вы сможете:

  • Понимать возможности современного JavaScript
  • Использовать возможности браузера
  • Управлять элементами HTML документа с помощью JavaScript

Необходимая подготовка:

Успешное окончание курса «JavaScript. Основы веб – программирования» или эквивалентная подготовка.

Программа обучения

Модуль 1 Объектная модель браузера ▼

  • 1.1 Объектная модель браузера
  • 1.2 Объект Window
  • 1.3 Объект Navigator
  • 1.4 Объект Screen
  • 1.5 Объект History
  • 1.6 Объект Location
  • 1.7 Объект Document
  • 1.8 HTML-коллекции
  • Лаб. раб. Использование объектов браузера

Модуль 2 Элементы HTML ▼

  • 2.1 Описание и назначение тега Form
  • 2.2 Элементы для ввода данных
  • 2.3 Механика встроенной валидации
  • 2.4 Отправка данных на сервер
  • 2.5 Другие теги HTML (Image, Table и т.д.)
  • Лаб. раб. Использование элементов HTML

Модуль 3 Объектная модель документа: DOM ▼

  • 3.1 Описание и назначение Document Object Model (DOM)
  • 3.2 Типы узлов
  • 3.3 Связи между объектами
  • 3.4 Свойства и методы интерфейса Node
  • 3.5 Свойства и методы интерфейса Element
  • 3.6 Свойства и методы интерфейса Document
  • 3.7 Нестандартные свойства и методы HTML-элементов
  • 3.8 Свойства и методы коллекции styleSheets
  • Лаб. раб. Использование объектной модели документа

Модуль 4 События и их обработка ▼

  • 4.1 Понятие событийной модели взаимодействия
  • 4.2 Виды событий
  • 4.3 Понятие и назначение обработчиков событий
  • 4.4 Виды обработчиков событий: погружение и всплытие
  • 4.5 Отмена действий по умолчанию
  • 4.6 Отмена всплытия события
  • 4.7 Кроссбраузерные свойства события
  • Лаб. раб. Интерактивность страницы через события