Разработка веб-приложений с использованием AngularJS

Об авторах
Благодарности
О рецензентах
Предисловие
О чем рассказывается в этой книге
Что потребуется при чтении этой книги
Кому адресована эта книга
Соглашения
Отзывы и пожелания
Поддержка клиентов
Загружаемые примеры программного кода
Ошибки и опечатки
Нарушение авторских прав
Вопросы
Глава 1. Дзен Angular
Знакомьтесь, AngularJS
Общие сведения о фреймворке
Найдите свой путь в проект
Сообщество
Обучающие ресурсы в Интернете
Библиотеки и расширения
Инструменты
Batarang
Plunker и jsFiddle
Расширения и дополнения для IDE
Ускоренное введение в Angular JS
Hello World - пример приложения на Angular JS
Двунаправленное связывание данных
Шаблон MVC в Angular JS
С высоты птичьего полета
Подробнее о контекстах
Представление
Модули и внедрение зависимостей
Angular JS и остальной мир
jQuery и Angular JS
Взгляд в будущее
В заключение
Глава 2. Сборка и тестирование
Введение в пример приложения
Область применения
Стек технологий
Хранилище данных
Система сборки
Принципы построения систем сборки
Инструменты
Организация файлов и каталогов
Каталоги верхнего уровня
Каталог с исходным кодом
Соглашения по именованию файлов
Модули и файлы AngularJS
Один файл, один модуль
Внутри модуля
Автоматическое тестирование
Модульные тесты
Интеграционные тесты
В заключение
Глава 3. Взаимодействие с сервером
Выполнение запросов XHR и JSONP с помощью $http
Модель данных и адреса URLB MongoLab
Краткий обзор $http
Ограничения политики общего происхождения
Promise API и служба $q
Получение отложенных результатов с помощью
службы $q
Интеграция службы $q в AngularJS
Promise API и служба $http
Взаимодействие с конечными точками RESTful
Служба $resource
Взаимодействия с веб-службами REST с помощью
$http
Дополнительные возможности $http
Обработка ответов
Тестирование кода, осуществляющего
взаимодействия с помощью $http
В заключение
Глава 4. Отображение и форматирование данных
Знакомство с директивами
Отображение результатов вычисления выражений
Директива интерполяции
Отображение значений с помощью ngBind
Включение разметки HTML в выражения
Отображение по условию
Включение блоков содержимого по условию
Отображение коллекций с помощью директивы
ngRepeat
Знакомство с директивой ngRepeat
Специальные переменные
Итерации по свойствам объекта
Приемы использования директивы ngRepeat
Обработчики событий DOM
Увеличение эффективности с помощью шаблонов
на основе DOM
Избыточный синтаксис
Применение директивы ngRepeat к множеству
элементов DOM
Элементы и атрибуты не могут изменяться во
время
выполнения
Нестандартные элементы HTML и старые версии IE
Преобразование моделей с помощью фильтров
Применение встроенных фильтров
Создание собственных фильтров - реализация
постраничного вывода
Доступ кфильтрам из кода на JavaScript
Правила использования фильтров
В заключение
Глава 5. Создание улучшенных форм
Сравнение традиционных форм с формами AngularJS
Введение в директиву ngModel
Создание формы с информацией о пользователе
Директивы ввода
Добавление проверки обязательного наличия
значения
Текстовые элементы ввода
Кнопки-флажки
Радиокнопки
Элементы выбора из списка
Использование скрытых полей ввода
Устройство механизма связывания данных в
ngModel
ngModelController
Проверка форм в AngularJS
ngFormController
Добавление динамического поведения в форму с
информацией о пользователе
Вывод сообщений об ошибках
Отключение процедуры проверки, встроенной в
браузер
Вложенные формы
Вложенные формы как компоненты многократного
пользования
Повторение вложенных форм
Проверка повторяющихся полей ввода
Отправка традиционной формы HTML
Непосредственная отправка форм на сервер
Обработка события отправки формы
Сброс формы в исходное состояние
В заключение
Глава 6. Организация навигации
Адреса URL в одностраничных веб-приложениях
Адреса URL с решеткой до появления HTML5
HTML5 и интерфейс истории посещений
Служба $location
Знакомство с интерфейсом службы $location и
адресами URL
Адреса фрагментов, навигация внутри страницы и
SanchorScroll
Настройка режима HTML5 интерпретации адресов
URL
Навигация вручную с помощью службы $location
Служба $route
Определение основных маршрутов
Гибкое сопоставление маршрутов
Повторное использование шаблонов разметки с
разными контроллерами
Предотвращение "мерцания" пользовательского
интерфейса при изменении маршрута
Предотвращение изменения маршрута
Ограничения службы $route
Один маршрут соответствует одной области на
экране
Распространенные приемы использования, советы
и
рекомендации
Обработка ссылок
Организация определений маршрутов
В заключение
Глава 7. Безопасность приложений
Аутентификация и авторизация на стороне сервера
Обработка неавторизованного доступа
Реализация прикладного интерфейса
аутентификации на стороне сервера
Безопасность шаблонов разметки
Противостояние нападениям
Предотвращение перехвата cookie ("атака через
посредника")
Предотвращение нападений вида "межсайтовый
скриптинг"
Предотвращение внедрения данных в формате
JSON
Предотвращение подделки межсайтовых запросов
Обеспечение безопасности на стороне клиента
Служба security
Отображение формы аутентификации
Создание меню и панелей инструментов с
поддержкой системы безопасности
Поддержка аутентификации и авторизации на
стороне клиента
Обработка ошибок авторизации
Перехват ответов
Создание службы securitylnterceptor
Создание службы securityRetryQueue
Предотвращение переходов по защищенным
маршрутам
Использование функций в свойстве resolve
маршрутов
Создание службы authorization
В заключение
Глава 8. Создание собственных директив
Что такое директива Angular JS?
Встроенные директивы
Использование директив в разметке HTML
Тестирование директив
Определение директивы
Оформление кнопок с помощью директив
Создание директивы button
Директивы-виджеты
Создание директивы постраничного просмотра
Тест для директивы постраничного просмотра
списков
Использование шаблонов с разметкой HTML в
директивах
Изолирование директивы от родительского
контекста
Реализация виджета
Добавление в директиву функции обратного
вызова selectPage
Создание директивы проверки
Внедрение контроллера другой директивы
Взаимодействие с контроллером ngModelController
Тестирование директивы проверки
Реализация директивы проверки
Асинхронная проверка модели
Имитация службы Users
Тестирование директивы асинхронной проверки
Реализация директивы асинхронной проверки
Директива-обертка для виджета выбора даты из
библиотеки jQueryUI
Тестирование директив-оберток
Реализация директивы datepicker
В заключение
Глава 9. Создание продвинутых директив
Включение
Использование включения в директивах
Включение в директивах с изолированным
контекстом
Директива вывода предупреждения на основе
приема включения
Контекст включения
Создание и использование функций включения
Создание функции включения с помощью службы
Scompile
Использование функций включения в директивах
Создание директивы if, использующей включение
Контроллеры директив
Внедрение специальных зависимостей в
контроллеры директив
Создание директивы постраничного просмотра на
основе контроллера
Различия между контроллерами директив и
функциями связывания
Комплект директив виджета "аккордеон"
Управление процессом компиляции
Создание директивы field
Использование службы $interpolate
Динамическая загрузка шаблонов
Настройка шаблона директивы field
В заключение
Глава 10. Создание интернациональных
веб-приложений
Использование национальных наборов символов и
настроек
Модули с национальными настройками
Использование доступных национальных настроек
Поддержка переводов
Перевод строк в шаблонах AngularJS
Перевод строк в коде JavaScript
Шаблоны проектирования, советы и рекомендации
Инициализация приложений с учетом выбранных
национальных настроек
Переключение между национальными настройками
Нестандартное форматирование дат, чисел и
валют
В заключение
Глава 11. Создание надежных веб-приложений на
основе Angular JS
Внутренние механизмы Angular JS
Это не механизм строковых шаблонов
Настройка производительности - определить
требования, измерить, настроить и повторить
Настройка производительности приложений на
основе Angular JS
Оптимизация использования процессора
Оптимизация потреблении памяти
Директива ng-repeat
В заключение
Глава 12. Подготовка и развертывание
веб-приложений на основе Angular JS
Повышение производительности сетевых операций
Минификация статических ресурсов
Предварительная загрузка шаблонов
Оптимизация начальной страницы
Избегайте отображения шаблонов в
необработанном виде
AngularJS и подключение прикладных сценариев
Поддержка браузеров
Поддержка Internet Explorer
В заключение
Предметный указатель