Интенсив по продвинутой разработке на Angular
![[IMG]](https://angular.io/assets/images/logos/angular/angular.png "[IMG]")
Программа
Интенсив по продвинутой разработке на Angular позволит вам лучше понять, как работает Angular, как быстрее разрабатывать и качественннее оптимизировать существующие приложения.
Раньше это был курс, но мы поменяли формат на интенсив, так как уже продвинутый материал можно разбирать быстрее.
Основные темы программы
Результат обучения
Спойлер: Предварительные требования
Для максимально эффективного прохождения необходимо иметь следующие знания:
Программа
Интенсив по продвинутой разработке на Angular позволит вам лучше понять, как работает Angular, как быстрее разрабатывать и качественннее оптимизировать существующие приложения.
Раньше это был курс, но мы поменяли формат на интенсив, так как уже продвинутый материал можно разбирать быстрее.
Основные темы программы
- Сложные страницы: продвинутая генерация контента
- ContentChild и ViewChild
- ngTemplateOutlet
- Наследование компонентов
- Структурные директивы
- Динамические компоненты, ngComponentOutlet
- Impure pipes
- Angular Elements
- Продвинутое Dependency Injection
- Рецепты создания провайдеров
- Использование InjectionToken
- Паттерны под капотом
- viewProviders
- ReflectiveInjector и StaticInjector
- Механизм синхронизации в деталях
- Change Detection
- ExpressionChangedAfterItHasBeenCheckedError
- Понимание Zonejs
- runOutsideAngular
- выключаем ngZone
- Стратегия onPush
- Работа с Observable и markForCheck
- detach/reattach
- Change Detection
- Реактивный подход
- Понимание реактивного подхода
- Новое в RxJs6 и миграция
- Беглый обзор операторов
- Различные виды Subject
- unsubscribe и вопросы утечки памяти
- Работаем с Расписаниями(Schedulers)
- Юнит тесты для реактивных сущностей
- Продвинутый роутинг
- Анимации при смене состояния
- Ленивая загрузка и стратегии предзагрузки модулей
- Динамическое изменения конфигурации состояний
- Schematics
- Принципы работы Angular Schematics
- Создаем Schematics для своей библиотеки
- Service Workers и Web Workers
- Паттерны применения, достоинства
- Настройка режима offline
- Проверка обновлений
- push-уведомления
- Параллелизация выполнения сложных операций
- Renderer
- Использование Ivy, нового рендерера Angular
- Сравнение Ivy и Angular Renderer2
- SSR на основе angular-cli и express
- Кешируем http запросы с помощью TransferState
- Использование Ivy, нового рендерера Angular
- Сборка и оптимизация
- Оптимизация размера бандлов
- Создание Angular библиотек
- Модульная организация приложения
- Больше одного приложения одновременно
- Авторизация и безопасность
- canActivate Guard
- принцип работы JWT
- Интерсепторы авторизации
- Защита из коробки от XSS и XSRF
Результат обучения
- Вы хорошо понимаете тонкости реактивного подхода Angular.
- Вы знаете, как создавать большие многомодульные проекты.
- Вы разбираетесь в возможностях фреймворка в плане организации безопасноти.
- Вы умеете использовать сторонние библиотеки и создавать свои.
- Вам не кажется сложным переход к Redux стейт машине.
- Вы пишете автоматизированные юнит и функциональные тесты.
Спойлер: Предварительные требования
Для максимально эффективного прохождения необходимо иметь следующие знания:
- JavaScript: уверенное знание основ
- EcmaScript2015: классы, стрелочные функции
- TypeScript: типы, интерфейсы, модификаторы доступа, декораторы
- Angular: уверенное знание основ