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

Этот онлайн-курс посвящён профессиональной разработке веб-приложений с помощью Angular.

Программа

Курс даст возможность быстро начать создавать свои приложения с использованием современного фреймворка - Angular. В процессе прохождения курса шаг за шагом вы сделаете реальное приложение, и хорошо разберетесь в специфике Angular.

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

Мы внимательно следим за развитием Angular и будем использовать самые новые подходы.

Курс можно условно разделить на три части.

Angular изнутри, знание важных деталей работы фреймворка.
Реактивный подход c Rxjs, Redux (ngRx).
Тесты, сборка, безопасность.

Детали программы смотрите далее.

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

Первая часть курса
Вторая часть курса
Третья часть курса

Первая часть курса

Сложные компоненты, директивы, пайпы
- View и Content. Работа с ViewChildren/ContentChildren
- Экспорт контроллера директивы (ExportAs)
- Наследование компонентов и переопределение шаблонов
- Структурные директивы. ViewRef/TemplateRef
- Динамические компоненты. ComponentFactoryResolver
- Impure pipes
- Angular Elements для изолированных компонетов
Dependency injection в деталях
- Отличие Providers и ViewProviders
- Использование Injector отдельно от Angular
- Приципы работы инжекторов: Reflective и Static
Change Detection механизм
- ZoneJS/ NgZone для удобного управления асинхронностью
- Однонаправленое дерево механизма обновления состояния
- Статегия OnPush и иммутабельные объекты
- Как разботать с Observables или markForCheck
- Делаем свою стратегию обновлений: attach/detach
Продвинутая работа с роутером
- Ленивая загрузка(lazy loading) и предзагрузка модулей
- Именованные (множественные) аутлеты для комплексных состояний
- Анимация смены стейта
Формы
- Свой кастомный элемент ввода. Работа с ValueAccesor
- Мастер для быстрого создания сложных форм
- Система вывода ошибок

По окончанию первой части курса вы понимаете, как разработать простое приложение на Angular.

Вторая часть

Реактивное программирование и RxJs
- Observables: создание и использование
- Subjects: применение и типы
- Работа с расписанием (Schedulers)
ngRx
- Основы Redux
- ngRx Store
- ngRx Selectors для более удобной работы со Store
- помещаем асинхронность в рамки Redux - ngRx Effects

Третья часть

Сборка
- Секреты angular-cli
- Альтернатива angular-cli: nx для больших проектов
- Service Workers для поддержки offline
Компиляция и рендеринг
- Серверный рендеринг
- Кеширование HTTP-запросов
- Ivy – рендерер Angular6
Тесты
- Unit-тесты и покрытие кода
- Unit-тесты для реактивных сущностей
- e2e интеграционные тесты
Безопасность
- Блокировка доступа с помощью canActivate
- Ограничение доступа через HTTP интерсепторы
- Auth0 для авторизации, JWT токены
- Защита от XSRF-атак
- Политики доверенных ресурсов
- ACL для организации сложной системы доступа

Как проходит обучение?

Курс будет проходить по схеме 8 + 2, т.е. 8 занятий, возможен недельный перерыв, затем ещё 2. Так оптимально, чтобы все участники имели время подумать над предложенными подходами и что-то написать с их использованием. Первая встреча традиционно является собранием.

На каждом занятии мы изучаем что-то новое. После встречи даётся домашнее задание.

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

Мы изучаем как сам Angular, так и вспомогательные библиотеки RxJs, ngRx и zone.js

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

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

Гарантия

Если объяснения будут вам непонятны
Если курсы не дадут вам новых знаний и умений
Если вы не сможете подключиться к системе онлайн-обучения

…то вы сможете получить деньги назад.

Для этого достаточно не позже окончания первой недели курса написать, указав причину из этого списка и что именно вас не устраивает, и тогда ваше участие будет прекращено, а вы получите деньги обратно, удобным для вас способом.

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

Степан Суворов

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

На данный момент работаю фронтенд лидом в компании StudyTube, https://studytube.nl.

Игорь Непипенко

Занимаюсь современной frontend-разработкой с использованием Angular более 5 лет.

Интересуюсь передовыми технологиями web-разработки и использую их в проектах. Более 2 лет веду обучение в области frontend-технологий.

Работаю в компании TEAMInternational https://www.teaminternational.com/, в которой разрабатываем систему для госпиталей США с использованием Angular. До этого участвовал в других проектах для Enterprise-систем с испльзованием Angular. Также имею большой опыт преподавания математических дисциплин в ВУЗе.

Дополнительная информация

Предварительные требования
Для участия в этом курсе необходимо знание Angular. До начала обучения выдаётся вводный видеокурс по основам языка, особенно полезный для тех, кто начинает с нуля.
Системные требования
Windows или Mac поддерживаются полностью.
Под Linux доступно участие онлайн и просмотр видеолекций, но для просмотра записей занятий нужен Dual Boot в Win/MacOS.
Для онлайн-общения желателен интернет от 256kb/s.