Изучаем Angular 2 : краткое практическое руководство по созданию приложений с помощью Angular 2

Содержание книги "Изучаем Angular 2 : краткое практическое руководство по созданию приложений с помощью Angular 2"

Об авторе
Благодарности
О технических рецензентах
Предисловие
Глава 1. Создание самого первого компонента в Angular 2
Обновленный подход
Веб-компоненты
Почему именно TypeScript?
Настройка рабочего окружения
Установка зависимостей
Установка TypeScript
Установка утилиты typings
Hello, Angular 2!
Классы TypeScript
Введение в декораторы
Компиляция TypeScript в понятный браузерам код на JavaScript
HTML-контейнер
Сопроводительные примеры книги
Соединяем все вместе
Усовершенствование интегрированной среды разработки
Sublime Text 3
Atom
Visual Studio Code
WebStorm
Использование Gulp с другими интегрированными средами разработки
Погружение в компоненты Angular 2
Улучшение производительности
Методы компонента и обновление данных
Добавление интерактивности в компонент
Улучшения для вывода данных в представлении и доработка пользовательского интерфейса
Итоги
Глава 2. Введение в TypeScript
Причины создания TypeScript
Преимущества TypeScript
Знакомство с ресурсами, посвященными TypeScript
Типы в TypeScript
Тип string
Тип number
Динамическая типизация с помощью типа any
Тип void
Автоматическое определение типов
Функции, лямбда-функции и поток выполнения
Аннотации типов в функциях
Параметры функций в TypeScript
Улучшенный синтаксис функций и область обработки с лямбда-функциями
Классы, интерфейсы и наследование классов
Анатомия классов: конструкторы, свойства и методы
Интерфейсы в TypeScript
Расширение классов с помощью наследования
Декораторы TypeScript
Декораторы классов
Декораторы свойств
Декораторы методов
Декораторы параметров
Работа с модулями в приложении
Внутренние модули
Внешние модули
Предстоящий путь
Итоги
Глава 3. Реализация свойств и событий компонентов
Улучшенный синтаксис шаблонов
Привязка данных с помощью входных свойств
Дополнительные синтаксические конструкции для привязки выражений
Привязка событий к выходным свойствам
Входные и выходные свойства в действии
Передача данных в пользовательских событиях
Локальные ссылки в шаблонах
Альтернативный синтаксис для входных и выходных свойств
Настройка шаблона класса компонента
Внутренние и внешние шаблоны
Инкапсуляции CSS-стилей
Управление инкапсуляцией представлений
Итоги
Глава 4. Расширение компонентов с помощью директив и фильтров
Директивы в Angular 2
Встроенные директивы
Управление привязками шаблонов с помощью фильтров
Фильтры uppercase/lowercase
Фильтры number, percent и currency
Фильтр slice
Фильтр date
Фильтр JSON
Фильтр replace
Фильтры интернационализации
Фильтр async
Реализация списка заданий в проекте Pomodoro
Создание основного HTML-контейнера
Построение таблицы со списком заданий с помощью директив Angular
Переключение заданий в списке
Отображение изменений состояния в шаблонах
Встраивание дочерних компонентов
Создание собственных фильтров
Анатомия пользовательских фильтров
Пользовательские фильтры для форматирования времени
Фильтрация данных с помощью пользовательских фильтров
Создание собственных директив
Анатомия пользовательских директив
Создание подсказки для заданий с помощью пользовательской директивы
Несколько слов об именах пользовательских директив и фильтров
Итоги
Глава 5. Создание приложений с помощью компонентов Angular 2
Введение в деревья компонентов
Общие соглашения для масштабируемых приложений
Соглашение об именовании файлов и модулей
Обеспечение непрерывной масштабируемости с помощью фасадов или баррелей
Внедрение зависимостей в Angular 2
Внедрение зависимостей в дереве компонентов
Переопределение поставщиков в иерархии инструментов внедрения зависимостей
Расширенная поддержка инструментов внедрения зависимостей для пользовательских сущностей
Инициализация приложения с помощью функции bootstrap()
Подготовка структуры каталогов приложения Pomodoro
Приведение приложения в соответствие с рекомендациями Angular 2
Общий контекст
Создание фасадного модуля, включающего пользовательскую баррель поставщиков
Создание компонентов
Начальная загрузка приложения
Итоги
Глава 6. Асинхронная обработка данных в Angular 2
Способы асинхронной обработки информации
Наблюдаемые объекты
Реактивное функциональное программирование в Angular 2
Библиотека RxJS
Введение в HTTP API
В каких случаях используются классы Request и RequestOptionsArgs
Объект Response
Обработка ошибок при выполнении Http-запросов
Внедрение класса Http и псевдоним HTTP_PROVIDERS
Пример: отслеживание данных по HTTP
Итоги
Глава 7. Маршрутизация в Angular 2
Добавление поддержки маршрутизатора Angular 2
Настройка службы маршрутизации
Создание нового компонента для демонстрационных целей
Настройка декоратора RouteConfig с помощью экземпляров RouteDefinition
Директивы маршрутизатора RouterOutlet и RouterLink
Принудительный переход по маршрутам
CSS-ловушки для активных маршрутов
Параметры обработки маршрута
Передача динамических параметров в маршрутах
Разбор параметров маршрута с помощью службы RouteParams
Определение дочерних маршрутизаторов
События жизненного цикла маршрутизатора
Событие CanActivate
Событие OnActivate
События CanDeactivate и OnDeactivate
События CanReuse и OnReuse
Переадресация на другие маршруты
Точная настройка базового пути
Настройка генерируемых URL-адресов с учетом стратегии размещения
Асинхронная загрузка компонентов с помощью AsyncRoutes
Итоги
Глава 8. Формы и аутентификация в Angular 2
Двухсторонняя привязка данных в Angular 2
Директива NgModel
Типы привязки к форме с помощью директивы NgModel
Отслеживание изменений и проверка допустимости данных
Элементы управления, группы элементов управления и класс FormBuilder
Объекты Control и Validator
Элементы управления в модели DOM и директива ngControl
Группировка элементов в модели DOM с помощью директивы NgControlGroup
Императивное определение групп элементов управления с помощью ControlGroup
Соединение модели DOM и контроллера с помощью ngFormModel
Пример компонента входа пользователя
Контекст функции входа
Шаблон формы входа
Компонент входа
Применение пользовательских проверок допустимости к элементам управления
Отображение изменений состояния в элементах управления
Фиктивная служба проверки подлинности клиента
Блокирование несанкционированного доступа
Реакция пользовательского интерфейса на состояние аутентификации пользователя
Улучшение управления доступом
Разработка собственной директивы безопасности RouterOutlet
Итоги
Глава 9. Анимация компонентов в Angular 2
Анимация с помощью стандартной CSS-разметки
Анимация с помощью классов-событий CSS
Анимация компонентов с помощью класса AnimationBuilder
Отслеживание состояния анимации с помощью класса Animation
Разработка пользовательских директив анимации
Взгляд в будущее: ngAnimate 2.0
Итоги
Глава 10. Модульное тестирование в Angular 2
Почему тестирование необходимо?
Средства модульного тестирования в Angular 2
Внедрение зависимостей в модульных тестах
Настройка среды тестирования
Реализация средства выполнения тестов
Настройка команд NPM
Пользовательские функции сопоставления Angular 2
Тестирование фильтров
Тестирование компонентов
Переопределение зависимостей компонентов для улучшения тестирования
Тестирование маршрутов
Тестирование переадресации
Тестирование служб
Реализация фиктивных Http-ответов с помощью MockBackend
Тестирование директив
Предстоящий путь
Использование Jasmine в сочетании с Karma
Получение отчетов об охвате кода тестами
Реализация E2E-тестов
Итоги
Предметный указатель