Все курсы

Интенсив по "продвинутой" разработке на 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…)
  • Если что-то непонятно в статье — пишите, что именно и с какого места.