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

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

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

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

Первая часть курса:

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

   • View и Content. Работа с ViewChildren/ContentChildren
   • Экспорт контроллера директивы (ExportAs)
   • Наследование компонентов и переопределение шаблонов
   • Структурные директивы. ViewRef/TemplateRef
   • Динамические компоненты. ComponentFactoryResolver и NgComponentOutlet
   • Impure pipes
   • Angular Elements для изолированных компонетов

2. Dependency injection в деталях

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

3. Change Detection механизм

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

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

   • Ленивая загрузка(lazy loading) и предзагрузка модулей
   • Анимация смены стейта

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

Вторая часть курса:

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

   • Observables: создание и использование
   • Subjects: применение и типы
   • Работа с расписанием (Schedulers)

2. ngRx

   • Основы Redux
   • ngRx Store
   • ngRx Selectors для более удобной работы со Store
   • помещаем асинхронность в рамки Redux - ngRx Effects

Третья часть курса:

1. Сборка

   • Секреты angular-cli
   • Schematics
   • Ivy – рендерер Angular7
   • Unit-тесты для реактивных сущностей

2. Angular & PWA

   • Service Workers для поддержки offline
   • Получение обновлений
   • Push notifications

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

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

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

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

Резульат:

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

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

Для участия в этом курсе необходимо знание Angular. До начала обучения выдаётся вводный видеокурс по основам языка, особенно полезный для тех, кто начинает с нуля.