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

[Robot]

Ссылка на картинку

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

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

Читать далее...