[learn.javascript.ru] Интенсив по продвинутой разработке на Angular [Егор Сидоров]

Robot · 24 Дек 2023

Цель интенсива: лучше понять, как работает Angular, углубиться в привычную нам функциональность и изучить новую, разобраться с последними изменениями и улучшениями Angular.
Научиться грамотно писать код на Angular, изучить хорошие практики и зарекомендовавшие себя подходы, а также качественно оптимизировать существующие приложения.
Основные темы программы

Сложные страницы: продвинутая генерация контента
- Изучим такие декораторы,как @ContentChild, @ViewChild, @ContentChildren, @ViewChildren.
- Погрузимся в работу структурных директив, в частности NgComponentOutlet, и динамических компонентов, а также "чистые" и "грязные" pipe.
- Поговорим об Ivy компиляторе и чем он лучше своего предшествиника View Engine.
- Перехватим волны веб-стандарта с Angular elements.
Продвинутое Dependency Injection
- Вспомним паттерн DI, основы механизма: разберем дерево инжекторов и иерархию поиска.
- Расставим точки над i в вопросе providers VS viewProviders.
Продвинутое использование Change Detection
- Вспомним механизмы CD, в том числе истоки ошибки ExpressionChangedAfterItHasBeenCheckedError.
- Разберем роль библиотеки Zone.js в Angular-приложении, возможности и способы взаимодействия с ней.
- Поймем, почему нам однозначно стоит использовать стратегию OnPush и как ее не бояться. Изучим мощь changeDetectorRef, выясним чем markForCheck отличается от detectChanges, когда и что нужно использовать, а также разгадаем секрет asyncPipe.
Продвинутый роутинг
- Посмотрим способ настройки анимации при смене состояния.
- Разберем ленивую загрузку модулей, а также возможные стратегии их предзагрузки и применения на практике.
- Поговорим о способах динамического изменения конфигурации состояний.
Service Workers и Web Workers
- Рассмотрим технологии Service Workers и Web Workers, их достоинства и паттерны применения, а также параллелизацию выполнения сложних операций.
- Разберем настройку offline режима и проверку обновлений.
- Узнаем, как можно расширить взаимодействие с пользователем при помощи веб-пушей с web-push.
Сборка и оптимизация
- Поговорим про организацию приложения по модулям для более эффективной разработки, а также уменьшение размера бандлов для повышения производительности.
- Разберем архитектурный подход микрофронтендов: бесшовное разделение кода и динамическую загрузку модулей.
Web безопасность и Angular
- Узнаем, как же предотвращаются XSS и CSRF атаки, а также изучим bypass политики и механизмы защиты в Angular.
- Разберем неочевидные сложности, связанные с протоколом HTTPS и подходы для их решения.
Новые и недавно добавленные возможности Angular
- Standalone компоненты - разберемся в их преимуществах и возможностях, научимся создавать и интегрировать их в существующие проекты.
- Signals в Angular - альтернативный подход к работе с событиями и управлению данными.