Курс по Angular 4.x [javascript.ru]

Курс по Angular 4.x
​

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

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

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

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

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

1. Компоненты и компонентный подход.
2. Инжектируемые сущности и реактивное програмирование.
3. Архитектура приложений, организация проекта и взгляд во внутрь фреймворка.

Спойлер: Первая часть курса

1. Быстрый старт с Angular
   • Пример базового приложения на Angular
   • Знакомство с angular-cli
   • Разработка простого компонента
   • Специфика синтаксиса шаблонов Angular
2. Компоненты и Директивы (Directives)
   • Компонентноориентированный подход создания приложения
   • Применение директив из коробки (ngIf, ngClass, ngFor..)
   • Вложенные компоненты
   • Жизненный цикл компонента
   • Создание своей директивы
3. Взаимодействие компонентов и фильтрация данных
   • Передача данных в компонент
   • Связывание данных через событие (Event binding)
   • Способы межкомпонентной коммуникации
   • Pipe из коробки
   • Создание собственных фильтров
4. Сервисы и внедрение зависимостей (Dependency injection)
   • Реализация паттерна внедрения зависимостей
   • Примеры сервис-провайдеров из коробки
   • Способы создания провайдеров
   • OpaqueToken и InjectionToken
   • Мультипровайдеры

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

Спойлер: Вторая часть курса

1. Реактивное программирование (RxJS)
   • Учимся мыслить потоками
   • Observer и Iterator паттерны
   • Понимание Subject
   • Управление последовательностями
2. Работа с HTTP
   • API HTTP провайдера
   • Обработка ошибок и отмена запросов
3. Работа с формами
   • Модель формы и FormControl
   • Простые(template-driven) и реактивные формы
   • Валидация данных
   • Асинхронный валидаторы
   • Пишем свой элемент управления формой
4. Навигация и маршрутизация
   • Определение состояний
   • Вложенные состояния
   • Сервис для доступа к параметра состояния
   • Хуки роутера
   • Авторизация и контроль доступа к состояниям
   • Множественное предтавление
   • Ленивая загрузка(lazy loading) и предзагрузка модулей

Спойлер: Третья часть курса

1. Проверка курсовых проектов
2. Продвинутые компоненты
   • Структурные директивы
   • Вывод контента с помощью ng-content (content projection)
   • Динамические компоненты
3. Сборка и оптимизация приложения
   • Использование webpack
   • Механизм обновления состояния (change detection)
   • AOT компиляция
   • Серверный пререндеринг (SSR)
4. Автоматизированные тесты
   • Unit-тесты и TDD (вместе с jasmine, karma и TestBed)
   • Специфика тестирования компонентов и внедряемых сущностей
   • Проверяем покрытие кода тестами.
   • Функциональные(e2e) тесты с использованием protractor.
5. Использование сторонних модулей
   • Примеры использования популярных модулей: AngularFire, AngularMaterial, ng-bootstrap
   • Интеграция не Angular библиотек
   • Создание своей библиотеки
6. Отладка приложения
   • Разбор сущностей Angular в консоли
   • Обзор вспомогательных инструментов (Augury)
   • Погружение в исходный код фреймворка

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

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