Продвинутый курс по Angular
Курс даст возможность быстро начать создавать свои приложения с использованием современного фреймворка - Angular. В процессе прохождения курса шаг за шагом вы сделаете реальное приложение, и хорошо разберетесь в специфике Angular.
Вы будете получать информацию, писать код, показывать его, получать обратную связь и советы, и затем – двигаться дальше.
Мы внимательно следим за развитием Angular и будем использовать самые новые подходы.
Курс можно условно разделить на три части.
Первая часть курса
Вторая часть курса
Курс будет проходить по схеме 8 + 2, т.е. 8 занятий, возможен недельный перерыв, затем ещё 2. Так оптимально, чтобы все участники имели время подумать над предложенными подходами и что-то написать с их использованием. Первая встреча традиционно является собранием.
На каждом занятии мы изучаем что-то новое. После встречи даётся домашнее задание.
На следующем занятии мы смотрим, что и как получилось его решить и как сделать лучше. Чтобы получить от курса максимум результата, нужно не только слушать, но и делать что-то дома, а затем – показывать преподавателю. Только так, постепенно, с обратной связью от преподавателя, разбирая исходный код Angular, вы действительно разберётесь, что и как.
Мы изучаем как сам Angular, так и вспомогательные библиотеки RxJs, ngRx и zone.js
Результат обучения
Курс даст возможность быстро начать создавать свои приложения с использованием современного фреймворка - 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
- Мастер для быстрого создания сложных форм
- Система вывода ошибок
Вторая часть курса
- Реактивное программирование и 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 стейт машине.
- Вы пишете автоматизированные юнит и функциональные тесты.