Курс по Angular

Собрание

Первая встреча традиционно является собранием. На нём мы знакомимся, проверяем подключение, обсуждаем организационные вопросы, взаимодействие с преподавателем, как учиться на курсе.

Окружение и компонентый подход

Знакомимся с angular-cli и экосистемой. Разбираем настройки и конфигурацию окружения.

Изучаем базовые механизмы работы и сущности фреймверка Angular, создаем ряд компонентов.

Разбираем специфику синтаксиса шаблонов Angular, как работает интерполяция и связывание.

Продвинутая работа с компонентами

Разбираем вложенные компоненты и передачу данных в компонент и из него.

Передача содержимого компоненту с помощью ng-content (content projection).

Доступ к элементам шаблона через ViewChild/ViewChildren/ContentChild/ContentChildren.

Директивы и Pipe для решения повседневных задач

Применяем директивы "из коробки" (ngIf, ngClass, ngFor..).

Применяем Pipe "из коробки" (json, async, currency..). Разбираем нюансы работы Impure pipes.

Фильтруем данные, используя pipes, и пишем свои директивы.

Разбираем нюансы работы ViewRef/TemplateRef.

Сервисы, работа с сетью и внедрение зависимостей

Разбираем концепцию и способы создания провайдеров. Вспоминаем сервис-провайдеры, которые идут "из коробки".

Провайдеры для работы с HTTP(S), запросов к серверу.

Используем сервисы для передачи данных между компонентами, разбираем создание динамических компонентов.

Формы и валидация данных

Создание форм "от шаблона" (template-driven forms).

Создание форм "от компонента" (reactive forms).

Синхронная и асинхронная валидация данных.

Создаём сложный элемент формы, работаем с ValueAccessor.

Навигация и маршрутизация в приложении

Изучаем, как определять состояния в приложении, вложенные и абстрактные состояния.

Разбираем сервис для доступа к параметрам состояния и передачу данных между состояниями.

Оптимизируем приложение, используя ленивую загрузку (lazy loading) и предзагрузку состояний.

Redux-архитектура для более сложных приложений

Основные концепции, организация приложения при помощи Redux.

Платформа NgRX и ее модули.

Обрабатка асинхронных событий и сторонних эффектов (side effects).

Агрегация данных при помощи селекторов.

Тестирование Angular-приложений

Вы много раз видели написанные нами тесты в предыдущих занятиях. Теперь у вас достаточно знаний, чтобы писать их самостоятельно.

• TDD/BDD-разработка.
• Unit-тесты для сервисов.
• Специфика тестирования при использовании HttpClient.
• Unit-тесты для директив, компонентов и пайпов (pipes).

Дополнительные темы, ответы на вопросы.

Вопросы по темам, которые не вошли в основную программу курса.

Использование ZoneJS/NgZone для удобного управления асинхронностью.

Механизм обновления состояния (change detection), статегия OnPush.