Цель интенсивного курса - изучение особенностей работы 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 - альтернативный подход к работе с событиями и управлению данными.
Результат обучения
- Вы разбираетесь в том, как создавать эффективные компоненты в Angular.
- Вы знаете, как создавать большие многомодульные проекты и оптимизировать их.
- Вы разбираетесь в возможностях фреймворка в плане организации безопасности.
- Вы владеете инструментами для параллелизации выполнения сложних операций.
- Вы знаете, как настроить работу в offline и взаимодействовать с пользователем через Web пуши.
- Вы разбираетесь в последних возможностях Angular.
Предварительные требования
- Знание TypeScript: типы, интерфейсы, модификаторы доступа и декораторы.
- Понимание базовых сущностей Angular (Component, Directive, Service, Pipe, Router), основ Dependency Injection и Change Detection.
frontendmasters
