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

FRNT-RXJS. Реактивное программирование на TypeScript с применением библиотеки RxJS в Angular

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


Аннотация

В данном курсе рассматривается использование концепции реактивного программирования с использованием библиотеки RxJS и Фреймворка Angular на языке TypeScript.


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

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

  • Применять методологию реактивного программирования при создании Web-интерфейсов с использованием TypeScript и Angular 12;
  • использовать библиотеку RxJS c Angular 12.

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

  • принципы реактивного программирования;
  • фозможности библиотеки RxJS и фреймворка Angular 12 для поддержки концепции реактивного программирования в проектах.

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

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

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

Тема 1. Введение в реактивное программирование

  • Введение
  • Наблюдаемый и наблюдатель
  • Подписки
  • Пайпы и операторы

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

  • Работа с Observable
  • Использование подписок через пайпы

Тема 2. Типы субъектов

  • Субъект (Subject)
  • Субъект BehaviorSubject
  • Субъект AsyncSubject
  • Субъект ReplaySubject

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

  • Определение типа Subject, который требуется использовать
  • Использование основных типов Subject

Тема 3. Операторы

  • Операторы комбинирования
  • Условные операторы
  • Порождающие операторы
  • Операторы мультикастинга
  • Операторы фильтрации
  • Операторы трансформации
  • Операторы-утилиты

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

  • Построение реактивных пайплайнов с использованием комбинаций основных операторов

Тема 4. Практическое применение реактивного программирования

  • Работа с запросами
  • Работа с событиями
  • Поиск

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

  • Применение концепции реактивного программирования в проекте

Тема 5. RxJS в Angular

  • Обработка ответа сервера
  • Компонентные провайдеры
  • Реактивное хранилище

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

  • Обработка ответа сервера средствами библиотеки RxJS