Интенсив по "продвинутой" разработке на Angular

Интенсив по продвинутой разработке на Angular.

Программа

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

Раньше это был курс, но мы поменяли формат на интенсив, так как уже продвинутый материал можно разбирать быстрее.

Все идеи и пожелания по программе, пожалуйста, пишите в issues.

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

Сложные страницы: продвинутая генерация контента
- 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
Реактивный подход
- Понимание реактивного подхода
- Новое в 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
Сборка и оптимизация
- Оптимизация размера бандлов
- Создание Angular библиотек
- Модульная организация приложения
- Больше одного приложения одновременно
Авторизация и безопасность
- canActivate Guard
- принцип работы JWT
- Интерсепторы авторизации
- Защита из коробки от XSS и XSRF

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

Занятие проходит в формате 8-часового вебинара (с часовым перерывом на обед). Разбираем темы программы, как что лучше делать, по желанию смотрим на применение для ваших проектов, разбираем вопросы. Интенсив расчитан на ограниченное количество участников, чтобы мы смогли гарантировать, что успеем ответить на все вопросы.

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

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

Преподаватель

Степан Суворов

JavaScript разработчик и консультант, спикер, активный участник фронтенд сообщества. Занимаюсь программированием более 14 лет(из них 9 лет страстно увлечен JavaScript, 6 лет исследований и экспериментов с Angular).

CTO @ StudyTube, https://studytube.nl.

Дополнительная информация

Предварительные требования
Для максимально эффективного прохождения необходимо иметь следующие знания:
- JavaScript: уверенное знание основ
- EcmaScript2015: классы, стрелочные функции
- TypeScript: типы, интерфейсы, модификаторы доступа, декораторы
- Angular: уверенное знание основ
Системные требования
Для онлайн-общения требуется интернет от 256kb/s.