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

Складчина: Продвинутый курс по Angular

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

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

Основные темы программы

Спойлер: Первая часть курса

1. Сложные компоненты, директивы, пайпы
   • View и Content. Работа с ViewChildren/ContentChildren
   • Экспорт контроллера директивы (ExportAs)
   • Наследование компонентов и переопределение шаблонов
   • Структурные директивы. ViewRef/TemplateRef
   • Динамические компоненты. ComponentFactoryResolver
   • 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) и предзагрузка модулей
   • Именованные (множественные) аутлеты для комплексных состояний
   • Анимация смены стейта
5. Формы
   • Свой кастомный элемент ввода. Работа с ValueAccesor
   • Мастер для быстрого создания сложных форм
   • Система вывода ошибок

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

Спойлер: Вторая часть курса

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

Спойлер: Третья часть курса

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

Как проходит обучение?

Курс будет проходить по схеме 8 + 2, т.е. 8 занятий, возможен недельный перерыв, затем ещё 2. Так оптимально, чтобы все участники имели время подумать над предложенными подходами и что-то написать с их использованием. Первая встреча традиционно является собранием.
На каждом занятии мы изучаем что-то новое. После встречи даётся домашнее задание.
На следующем занятии мы смотрим, что и как получилось его решить и как сделать лучше. Чтобы получить от курса максимум результата, нужно не только слушать, но и делать что-то дома, а затем – показывать преподавателю. Только так, постепенно, с обратной связью от преподавателя, разбирая исходный код Angular, вы действительно разберётесь, что и как.
Мы изучаем как сам Angular, так и вспомогательные библиотеки RxJs, ngRx и zone.js

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

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