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

О курсе «Продвинутый курс по Angular»

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

Вы будете получать информацию, писать код, показывать его, получать обратную связь и советы, и затем — двигаться дальше.

Мы внимательно следим за развитием Angular и будем использовать самые новые подходы.

Курс можно условно разделить на три части.

1. Angular изнутри, знание важных деталей работы фреймворка.
2. Реактивный подход c Rxjs, Redux (ngRx).
3. Тесты, сборка, безопасность.

Angular изнутри, знание важных деталей работы фреймворка.

• Сложные компоненты, директивы, пайпы
  • View и Content. Работа с ViewChildren/ContentChildren
  • Экспорт контроллера директивы (ExportAs)
  • Наследование компонентов и переопределение шаблонов
  • Структурные директивы. ViewRef/TemplateRef
  • Динамические компоненты. ComponentFactoryResolver
  • Impure pipes
  • Angular Elements для изолированных компонетов
• Dependency injection в деталях
  • Отличие Providers и ViewProviders
  • Использование Injector отдельно от Angular
  • Приципы работы инжекторов: Reflective и Static
• Change Detection механизм
  • ZoneJS/ NgZone для удобного управления асинхронностью
  • Однонаправленое дерево механизма обновления состояния
  • Статегия OnPush и иммутабельные объекты
  • Как разботать с Observables или markForCheck
  • Делаем свою стратегию обновлений: attach/detach
• Продвинутая работа с роутером
  • Ленивая загрузка(lazy loading) и предзагрузка модулей
  • Именованные (множественные) аутлеты для комплексных состояний
  • Анимация смены стейта
• Формы
  • Свой кастомный элемент ввода. Работа с ValueAccesor
  • Мастер для быстрого создания сложных форм
  • Система вывода ошибок

По окончанию первой части курса вы понимаете, как разработать простое приложение на Angular.

Реактивный подход c Rxjs, Redux (ngRx).

• Реактивное программирование и RxJs
  • Observables: создание и использование
  • Subjects: применение и типы
  • Работа с расписанием (Schedulers)
• ngRx
  • Основы Redux
  • ngRx Store
  • ngRx Selectors для более удобной работы со Store
  • помещаем асинхронность в рамки Redux — ngRx Effects

Тесты, сборка, безопасность.

• Сборка
  • Секреты angular-cli
  • Альтернатива angular-cli: nx для больших проектов
  • Service Workers для поддержки offline
• Компиляция и рендеринг
  • Серверный рендеринг
  • Кеширование HTTP-запросов
  • Ivy — рендерер Angular6
• Тесты
  • Unit-тесты и покрытие кода
  • Unit-тесты для реактивных сущностей
  • e2e интеграционные тесты
• Безопасность
  • Блокировка доступа с помощью canActivate
  • Ограничение доступа через HTTP интерсепторы
  • Auth0 для авторизации, JWT токены
  • Защита от XSRF-атак
  • Политики доверенных ресурсов
  • ACL для организации сложной системы доступа

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

• Вы хорошо понимаете тонкости реактивного подхода Angular.
• Вы знаете, как создавать большие многомодульные проекты.
• Вы разбираетесь в возможностях фреймворка в плане организации безопасноти.
• Вы умеете использовать сторонние библиотеки и создавать свои.
• Вам не кажется сложным переход к Redux стейт машине.
• Вы пишете автоматизированные юнит и функциональные тесты.