Введение
Содержание курса
План урока
Особенности Angular 2
Сравнение Angular1.x и Angular2
Инструменты для разработки
Hello World приложение
Знакомство с TypeScript
Общая архитектура Angular2
Модули в Angular2
Компоненты
Шаблоны
Метаданные
Привязка данных
Директивы
Сервисы
Dependency Injection
Маршрутизация - это ...
Пример приложения с использованием системы маршрутизации
Использование относительных путей в компонентах
Barrel File - это …
Пример использования Barrel File
Настройка стилей в компонентах
Использование Input свойства компонента
Использование Output свойства компонента
Пример использования геттеров и сеттеров
Projection
Жизненный цикл компонента
ngOnInit. Обработка события onInit
ngOnChanges. Обработка события onСhanges
Декоратор ViewChild
Декоратор ViewChildren
Декоратор ViewContent
Директивы и привязка данных
Типы привязок данных
Интерполяция
Привязка к свойствам
Привязка к событиям
Привязка к атрибутам
Привязка к классам
Привязка к стилям
Двунаправленная привязка - это …
ngModel
2 типа директив
Директива ngClass
Директива ngStyle
Директива ngIf
Директива ngSwitch
Директива ngFor
* в имени директивы
Template Reference Variable
Сервисы. Внедрение зависимостей
Проблемы, возникающие без использования Dependency Injection
Знакомство с Inversion of Control
Как создать сервис
Как зарегистрировать провайдер
Как внедрить сервис
Пример создания сервиса
Injector Tree
Пример с иерархией сервисов
Регистрация провайдера с помощью Provider Object Literal
Использование существующего экземпляра в качестве экземпляра другого сервиса
Использование value провайдера
Использование фабрики при настройке провайдеров
OpaqueToken
Как указать на необязательную зависимость
Полезные примеры при написании Unit Tests
Маршрутизация
Относительные параметры. Передача и чтение
Дочерние маршруты
Пример использование относительных путей
Guard объекты - это …
CanActivate guard-объект
CanDeactivate guard-объект
Resolve guard-объект
Формы
Установка обработчиков событий
Template Driven Form
Базовая структура формы
Классы, которые добавляются к элементам формы
Добавление разметки в случае ошибки в заполнении
Валидация данных
Пример. Перенос логики по работе с ошибками в компонент
Model Driven Form
Пример реализации формы для авторизации
Класс FormBuilder
Создание пользовательских валидаторов
HTTP
HTTPModule
InMemoryWebApiModule. Метод get
Метод post
Конфигурация запроса
Search параметры
Same origin Policy
Пример обращения к серверу с разными origin
Механизм CORS
Формат JSONP
Инструменты для работы с JSONP
Установка deployd
Создание deployd приложения
Использование promise в создании приложения
