+7 (812) 703-02-02 info@hse.spbstu.ru

Разработка пользовательских Web-интерфейсов (JavaScript)

Длительность дисциплины: 40 ак.ч.


Аннотация

JavaScript – это язык, позволяющий создавать динамические web-страницы. Программы на JavaScript интегрируются со страницами, обеспечивая взаимодействие пользователя с сайтом. Примером использования JavaScript, как правило, является любой отклик динамической Web-страницы на действия пользователя в рамках страницы.
В отличие от серверных языков, JavaScript обрабатывается непосредственно в браузере и не требует перезагрузки страницы для осуществления обработки каких-либо данных, за счет чего достигается эффект взаимодействия в режиме реального времени.
Основной задачей JavaScript сейчас является формирование поведенческой модели динамической Web-страницы на внешние раздражители в лице пользователя, а также создание.


Продолжительность курса 40 ак.ч.


Знания и умения, полученные в результате изучения

По окончании обучения слушатели будут обладать следующими знаниями и навыками:

  • Научатся основам программирования на языках высокого уровня
  • Познакомятся с объектной моделью браузеров
  • Научатся обрабатывать данные передаваемые через формы
  • Получат опыт, необходимый для проектирования пользовательских интерфейсов

В результате, студент сможет создавать несложные клиентские приложения на Javascript, работающие с формами, изображениями, таблицами, списками и другими элементами интерфейса


Содержание дисциплины

Занятие 1 Введение в JavaScript

  • Взаимодействие JavaScript с HTML
  • Основные понятия языка
  • Типы данных
  • Операторы

Занятие 2 Условные операторы и циклы

  • Введение в алгоритмы
  • Условные инструкции if/else
  • Оператор поливариантного выбора switch-case
  • Организация циклов do/while/for
  • Управление циклами break/continue

Занятие 3 Пользовательские функции

  • Понятие  функции
  • Пользовательские функции
  • Аргументы функции
  • Задание значений по умолчанию
  • Виды функций declaration/expression

Занятие 4 Массивы

  • Понятие массива
  • Создание/редактирование/чтение/удаление элементов массива
  • Сортировка массивов
  • Функции обработки массивов
  • Область видимости

Занятие 5 Объекты

  • Понятие объекта
  • Создание/редактирование/чтение/удаление объектов
  • Создание и использование методов
  • Контекст вызова

Занятие 6 DOM и BOM модели

  • Основные понятия
  • Коллекции элементов
  • Работа с DOM моделью
  • Манипулирование элементами страницы

Занятие 7 События

  • Понятие событий
  • Виды событий
  • Обработка событий
  • Всплытия и погружения
  • Делегирование событий

Занятие 8 ООП в функциональном стиле

  • Основные понятия ООП
  • Принцип SOLID
  • Внешние и внутренние интерфейсы
  • Публичные и приватные свойства
  • Геттеры и сеттеры
  • Наследование
  • Переопределение методов

Занятие 9 ООП в прототипном стиле

  • Понятие прототипа
  • Задание прототипа в конструкторе
  • Конструктор прототипа
  • Встроенные классы
  • Создание собственных классов
  • Наследование

Занятие 10 Итоговая работа