Продвинутый курс по Angular

Продвинутый курс по Angular — это практическая программа, которая помогает уверенно перейти от базового уровня к профессиональной разработке сложных приложений. Курс сочетает теорию, большое количество кода, пошаговую разработку проекта и современные подходы, которые применяются в реальной работе с Angular.

О курсе

Программа включает три масштабные части, охватывающие внутренние механизмы Angular, реактивный подход и организацию продвинутой сборки с упором на производительность и безопасность. Каждая тема раскрывается последовательно — от концепций к практике.

Структура курса

Часть 1 — Глубокое понимание Angular

Вы разберётесь с устройством фреймворка и научитесь уверенно работать со сложными сценариями разработки.

Сложные компоненты, директивы, пайпы

• Архитектура View и Content, работа с ViewChildren и ContentChildren
• Экспорт контроллера директивы с помощью ExportAs
• Наследование компонентов и переопределение шаблонов
• Структурные директивы, механизмы ViewRef и TemplateRef
• Создание динамических компонентов через ComponentFactoryResolver и NgComponentOutlet
• Impure Pipes и особенности их применения
• Использование Angular Elements для создания изолированных компонентов

Dependency Injection в деталях

• Шаблоны и практики создания провайдеров
• Различия Providers и ViewProviders
• Использование Injector вне Angular-приложения
• Принципы Reflective и Static инжекторов

Механизм Change Detection

• Работа ZoneJS и NgZone с асинхронными операциями
• Однонаправленная модель обновления состояния
• Стратегия OnPush и преимущества иммутабельных объектов
• Организация обновлений с Observables и markForCheck
• Создание собственной стратегии обновлений: attach/detach

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

• Ленивая загрузка и предзагрузка модулей
• Анимация переходов и управление состоянием навигации

После завершения первой части вы сможете самостоятельно разработать полноценное приложение на Angular.

Часть 2 — Реактивный подход с RxJs и ngRx

Реактивное программирование и RxJs

• Создание и использование Observables
• Типы и применение Subjects
• Работа с Schedulers и управление асинхронностью

ngRx: управление состоянием

• Основы паттерна Redux
• Работа с ngRx Store
• Создание удобных Selectors
• Организация асинхронности через ngRx Effects

Часть 3 — Производительность, сборка и безопасность

Сборка и инфраструктура

• Расширенные возможности angular-cli
• Использование Schematics для автоматизации
• Ivy — современный рендерер Angular
• Юнит-тесты для реактивных конструкций

Angular & PWA

• Service Workers и поддержка offline
• Система обновлений
• Push-уведомления

Серверный рендеринг (SSR)

• Настройка серверного пререндеринга
• Повторное использование данных после SSR

Безопасность

• Ограничение доступа через canActivate
• Интерсепторы как средство контроля запросов
• Настройка ACL для сложных систем доступа
• Auth0, JWT и авторизация
• Защита от XSS и XSRF атак
• Контроль политик доверенных ресурсов

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

• Глубокое понимание реактивного подхода Angular
• Умение создавать крупные многомодульные проекты
• Навыки работы с безопасностью приложений
• Создание и использование сторонних и собственных библиотек
• Понимание принципов Redux и уверенная работа с ngRx
• Навык написания юнит- и функциональных тестов

Предварительные требования

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