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

FRNT-TS10. Работа со структурами данных на языке TypeScript

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


Аннотация

Курс является продолжением курса "FRNT-JS10. Программирование клиентской части на JavaScript". В рамках курса слушатели знакомятся с языком TypeScript, являющемся современной заменой языка JavaScript, а также изучают работу со стандартными структурами данных с использованием этого языка и использование основных алгоритмов.


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

В ходе обучения слушатели научатся:

  • проектировать пользовательские интерфейсы в веб;
  • создавать веб интерфейсы с использованием HTML, JS, TypeScript;
  • осуществлять управление элементами пользовательского интерфейса и проверку вводимых данных;
  • подключать и использовать библиотеки JavaScript.

После обучения на курсе слушатели будут знать:

  • принципы построения пользовательских интерфейсов;
  • основы стилевого оформления интерфейсов;
  • принципы использования фреймворков JS для построения пользовательских интерфейсов.

Также слушатели курса получат практический опыт:

  • владения приемами фильтрации и выборки элементов страницы;
  • создания визуальных эффектов, обработки событий, связанных с элементами документа, создания виджетов.

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

Тема 1. Базовые типы

  • Введение.
  • Boolean, Number, String, Array.
  • Tuple, Enum, Any, Void, null и undefined, Never, Object.
  • Приведение типов.

Практические занятия

  • Приведение типов.

Тема 2. Работа с переменными

  • Объявление переменных.
  • Деструктуризация массивов, кортежей, объектов.

Практические занятия

  • Объявление и использование переменных.

Тема 3. Интерфейсы

  • Опциональные свойства.
  • Свойства только для чтения.
  • Избыточные проверки принадлежности.
  • Функциональные типы.
  • Индексные типы.
  • Классовые типы.
  • Наследование интерфейсов.
  • Гибридные типы.
  • Наследование классов интерфейсами.

Практические занятия

  • Реализация наследования интерфейсов.

Тема 4. Элементы ООП

  • Классы.
  • Члены классов.
  • Дженерики.

Практические занятия

  • Описание класса и использование его методов.

Тема 5. Модули и пространства имен

  • Деление проекта на модули.
  • Пространства имен переменных и объектов.
  • Декларации слияния.

Практические занятия

  • Разбиение на модули рабочего проекта.

Тема 6. Декораторы

  • Использование декораторов.
  • Разбор примеров.
  • Директивы.
  • Вспомогательные типы.

Практические занятия

  • Использование декораторов в TypeScript.

Тема 7. Решение типовых алгоритмических задач

  • Типовые алгоритмы для работы со структурами данных.
  • Обход элементов массива.
  • Поиск, сортировка, сравнение.

Практические занятия

  • Реализация алгоритма сортировки.