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

Огромная база актуальных инфопродуктов
Самый большой склад обучающих материалов в СНГ. Более 40000 уникальных курсов, схем заработка, книг, вебинаров, мануалов, тренингов
Получить доступ

Bot

Администратор
Команда форума
23 Янв 2020
138,641
750
113
Интенсив по "продвинутой" разработке на Angular
Для тех, кто уже разрабатывает на Ангулар, но хочет развиваться дальше.

Цель интенсива: лучше понять, как работает 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 - альтернативный подход к работе с событиями и управлению данными.
Скрытое содержимое.