Все курсы

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

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

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

Об интенсиве

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

Все идеи и пожелания по программе, пожалуйста, пишите в issues.

Обратите внимание: текущий набор на этот интенсив - последний. В ближайшие полгода новых таких интенсивов не будет.

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

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

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

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

    • ContentChild и ViewChild
    • Структурные директивы
    • Ivy и Динамические компоненты, ngComponentOutlet
    • Impure pipes
    • Angular Elements
  2. Продвинутое Dependency Injection

    • Разбор дерева инжеторов
    • Паттерны под капотом
    • viewProviders
  3. Механизм синхронизации в деталях

    • Change Detection
      • ExpressionChangedAfterItHasBeenCheckedError
    • Понимание Zonejs
      • runOutsideAngular
      • выключаем ngZone
    • Стратегия onPush
    • Работа с Observable и markForCheck
    • detach/reattach
  4. Продвинутый роутинг

    • Анимации при смене состояния
    • Ленивая загрузка и стратегии предзагрузки модулей
    • Динамическое изменения конфигурации состояний
  5. Service Workers и Web Workers

    • Паттерны применения, достоинства
    • Настройка режима offline
    • Проверка обновлений
    • push-уведомления, библиотека web-push
    • Параллелизация выполнения сложных операций
  6. Сборка и оптимизация

    • Оптимизация размера бандлов
    • Модульная организация приложения
    • Статическая генерация сайтов с помощью Scully
  7. Веб безопасность и Angular

    • XSS и bypass политики
    • CSRF и механизмы защиты
    • Проблема в зависимостях
    • Все ли так просто с HTTPS
  8. Что нового в Angular11

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

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

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

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

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

Photo
Степан СуворовВедёт курс с 29 мая 2018

JavaScript разработчик и консультант, спикер, активный участник фронтенд сообщества. Занимаюсь программированием более 15 лет(из них 9 лет страстно увлечен JavaScript, 6 лет исследований и экспериментов с Angular).

CTO @ StudyTube, https://studytube.nl.

Для компаний

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

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

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

Набор на этот интенсив проходит раз в месяц. Вы можете запросить уведомление:

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

Комментарии

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