Все курсы

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

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

Продвинутый Angular
Ближайшая группа
Перейти к записи

Об интенсиве

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

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

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

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

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

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

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

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

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

  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. Также обучаю разработке в финтехе.

Для компаний

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

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

Физические лица также могут сделать налоговый вычет: детали для РФ.

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

Комментарии

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