Мы хотим сделать этот проект с открытым исходным кодом доступным для людей во всем мире. Пожалуйста, помогите нам перевести это руководство на другие языки.
Все курсы

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

Для тех, кто уже разрабатывает на Ангулар, но хочет развиваться дальше.

Продвинутый Angular

Об интенсиве

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

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

Как организовано обучение?

Занятие проходит в формате двух 6-часовых вебинаров с двумя небольшими перерывами по 10 минут и часовым перерывом на обед. На вебинаре разбираем темы, смотрим хорошие практики, их применение в реальной жизни и разбираем возникшие вопросы.

Интенсив рассчитан на ограниченное количество участников, чтобы преподаватель мог ответить на все вопросы.

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

Сборка и оптимизация.

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

Разберем архитектурный подход микрофронтендов: бесшовное разделение кода и динамическую загрузку модулей.

Поговорим об Ivy компиляторе и чем он лучше своего предшествиника View Engine, а так же AOT и JIT компиляции.

Продвинутое использование Change Detection.

Разберем роль библиотеки Zone.js в Angular-приложении, возможности и способы взаимодействия с ней.

Изучим механизмы CD, в том числе истоки ошибки ExpressionChangedAfterItHasBeenCheckedError.

Поймем, почему нам однозначно стоит использовать стратегию OnPush и как ее не бояться. Изучим мощь changeDetectorRef, выясним чем markForCheck отличается от detectChanges, когда и что нужно использовать, а также разгадаем секрет asyncPipe.

Сложные страницы: продвинутая генерация контента.

Изучим особенности таких декораторов, как @ContentChild, @ViewChild, @ContentChildren, @ViewChildren.

Погрузимся в работу структурных директив на примере таких директив как: NgComponentOutlet и NgTemplateOutlet, а так же изучим особенность их типизации в шаблоне.

Разберем работу "чистых" и "грязных" pipe.

Перехватим волны веб-стандарта с Angular elements, изучим возможности популярного Module Federation. Разберем особенности и какие опсности есть у данных технологий.

Продвинутый Dependency Injection.

Залезем "под капот" механизма DI: дерево инжекторов и иерархия поиска.

Расставим точки над i в вопросе providers VS viewProviders.

Продвинутый роутинг.

Вспомним ленивую загрузку модулей, изучим возможные стратегии их предзагрузки из "коробки" и разберём, как написать свою стратегию предзагрузки.

Новые и недавно добавленные возможности Angular.

Standalone - разберемся в их преимуществах и возможностях standalone сущностей, научимся создавать и интегрировать их в существующие проекты.

Signals в Angular - альтернативный подход к работе с событиями и управлению данными.

Новый оператор отписки - замена destroy subject + async pipe.

Service Workers и Web Workers.

Технологии Service Workers и Web Workers, их достоинства и паттерны применения.

Параллелизация выполнения сложных операций, а также настройку offline режима и проверку обновлений.

Расширяем взаимодействие с пользователем при помощи веб-пушей.

Web безопасность и Angular.

Рассмотрим возможные опасности в зависимостях node_modules.

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

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

  1. Вы разбираетесь в том, как создавать эффективные компоненты в Angular.
  2. Вы знаете, как создавать большие многомодульные проекты и оптимизировать их.
  3. Вы разбираетесь в возможностях фреймворка в плане организации безопасности.
  4. Вы владеете инструментами для параллелизации выполнения сложних операций.
  5. Вы знаете, как настроить работу в offline и взаимодействовать с пользователем через Web пуши.
  6. Вы разбираетесь в последних возможностях Angular.

Предварительные требования

  • Знание TypeScript: типы, интерфейсы, модификаторы доступа и декораторы.
  • Понимание базовых сущностей Angular (Component, Directive, Service, Pipe, Router), основ Dependency Injection и Change Detection.
  • Интернет 256kb/s или быстрее для видео.

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

Photo
Егор СидоровВедёт курс с 28 октября 2023

Front-end | Angular разработчик в Tinkoff, занимаюсь разработкой чата для обслуживания и CMS для контроля качества. В Angular-разработке уже более 5 лет.

Также обучаю разработке в финтехе и провожу собеседования по Angular.

Для компаний

У нас большой опыт работы с самыми разными компаниями: как маленькими, так и IT-гигантами.

  • При записи нужно выбрать способ оплаты "счёт на компанию", и документы будут автоматически сгенерированы: договор, акт и счёт, есть лицензия.
  • Для зарубежных компаний выдаём инвойс на английском языке.

Физическим лицам даём справку об оплате, если нужна компании для компенсации расходов и документы для налогового вычета: детали для РФ.

Подписаться на уведомления по курсу

Если остались вопросы – посмотрите в часто задаваемых, напишите на почту help@javascript.ru (ответ обычно в течение дня), а если срочно — задайте по телефону +7-903-5419441.

Комментарии

перед тем как писать…
  • Если вам кажется, что в статье что-то не так - вместо комментария напишите на GitHub.
  • Для одной строки кода используйте тег <code>, для нескольких строк кода — тег <pre>, если больше 10 строк — ссылку на песочницу (plnkr, JSBin, codepen…)
  • Если что-то непонятно в статье — пишите, что именно и с какого места.