jQuery Mobile

Фиртман, М." jQuery Mobile : разработка приложений для смартфонов и планшетов" БХВ-Петербург, 2013 год, 256 стр.

БХВ Петербург http://www.bhv.ru/

Хотели бы вы, создать мобильное веб-приложение, работающее на IPad и Kindle Fire, а также iPhone и Android-смартфоне? Эта книга-руководство по использованию фреймворка jQuery Mobile. Через серию практических упражнений, вы сможете создавать мультиплатформенные мобильные приложения. Всё это вы сможете сделать не имея опыта программирования, а только изучив эту книгу.

Когда вы прочитаете её, вы будете знать, как создать отзывчивый, Ajax-интерфейс, который работает на различных смартфонах и планшетах, используя мобильный JQuery и семантический код HTML5. Разберетесь, как jQuery Mobile работает с HTML5, CSS3 и JavaScript. Научитесь работе с компонентами пользовательского интерфейса для форматирования контента и создания формы, списков NavBars и кнопок. Так же научитесь создавать динамическое содержимое в JavaScript, AJAX и JQuery. Настраивать весь пользовательский интерфейс с темами и CSS3,устанавливать программы из браузера и распространять через магазины созданые вами приложения.

Оглавление
Об авторе 11
Предисловие 13
Соглашения, принятые в тексте 13
Использование примеров кода 13
Как связаться 14

Глава 1. Мобильная платформа 15
Для чего нужна технология jQuery Mobile? 15
Мифы о мобильной Всемирной паутине 15
Мобильной Всемирной паутины не существует, а есть все та же Всемирная паутина 15
Вам не придется делать что-то особенное при разработке приложений для Всемирной паутины 16
Один веб-сайт должен быть пригоден для всех устройств (настольных, мобильных, ТВ) 16
Для получения мобильного веб-сайта достаточно создать HTML-страничку шириной 240 пикселов 17
Мобильные веб-приложения 17
Так зачем нам нужна технология jQuery Mobile? 18
Что такое jQuery Mobile? 19
Чем не является jQuery Mobile? 19
Платформа 20
Мир мобильных и планшетных устройств 21
Категории устройств 21
Мобильные телефоны 21
Бюджетные мобильные устройства 22
Мобильные устройства промежуточного и имиджевого уровня 22
Смартфоны 23
Планшеты 24
Операционные системы и браузеры 24
Совместимость jQuery Mobile 26
Поддержка мобильных браузеров по категориям 27
HTML5 и CSS3 28
Основные функциональные возможности 30
Поддержка ненавязчивой семантики HTML5 30
Прогрессивное улучшение 32
Доступность для пользователей с ограниченными возможностями 33
Тестирование веб-приложений 33
Эмуляторы и симуляторы 33
Удаленные лаборатории 37

Глава 2. Приступаем к работе 38
Подготовка документа 38
Требования 38
Хранение файлов 38
Использование CDN 40
Самые свежие сборки 41
Основной шаблон для HTML5 42
Окно просмотра 43
Производительность кода JavaScript 44
Поддержка со стороны Adobe Dreamweaver 44
Предварительный просмотр файлов 46
Архитектура 46
Роли 47
Темы 48
Страница 49
Заголовок и нижний колонтитул 51
Содержимое 51
Навигация 52
Кнопка Назад 53
Внутренние ссылки 54
Ссылки на внешние страницы 57
Абсолютные внешние ссылки 61
Мобильные специальные ссылки 62
Переход между страницами 62
Обратные переходы 64
Диалоговые страницы 64
Закрывать страницу или возвращаться к предыдущей? 66
Открытие страниц из диалоговых страниц 69
Интеграция с телефоном 70
Телефонный звонок 70
Видеозвонки и звонки VoIP 71
Отправка сообщения по электронной почте 72
Отправка SMS-сообщения 73
Прочие URI-схемы 73
Подведение итогов 74

Глава 3. Компоненты пользовательского интерфейса 76
Панели инструментов 76
Размещение 77
Подлинно фиксированные панели инструментов 79
Добавление содержимого в заголовок 79
Добавление кнопок 79
Добавление логотипа 81
Настройка внешнего вида заголовка 82
Добавление содержимого в нижний колонтитул 82
Панели навигации 83
Применение пиктограмм 85
Выделенный элемент 86
Постоянный нижний колонтитул 87
Форматирование содержимого 89
Сворачиваемое содержимое 90
Вложенное сворачиваемое содержимое 92
Аккордеон 94
Столбцы 95
Кнопки 97
Встроенные кнопки 98
Сгруппированные кнопки 98
Эффекты 100
Значки 100
Создание нестандартных значков 101
Расположение значков 103
Кнопки, содержащие только значки 104
Тени на значках 104

Глава 4. Списки 105
Полностраничные и вставленные списки 108
Визуальные разделители 109
Интерактивные строки 111
Вложенные списки 114
Списки с разделенными кнопками 117
Как указать степень важности строк 120
Упорядоченные интерактивные списки 120
Применение изображений 120
Значки строк 121
Миниатюры 121
Дополнительное содержимое 122
Название и описание 123
Применение счетчиков 123
Фильтрация данных с помощью поиска 124
Шпаргалка по представлениям списка 125

Глава 5. Компоненты формы 127
Действие формы 127
Форма без использования AJAX 128
Элементы формы 128
Метки 129
Контейнеры полей 129
Текстовые поля 130
Автоматически увеличивающаяся текстовая область 132
Новые атрибуты HTML5 133
Поля с датами 134
Ползунковый регулятор 135
Двухпозиционный переключатель 136
Меню 137
Группирование элементов меню 139
Нестандартные меню 142
Переключатели 144
Флажки 146
Выгрузка файлов 148

Глава 6. Платформа и JavaScript 149
События документов 149
Конфигурация 151
Глобальная конфигурация 152
Пользовательский интерфейс 152
Функциональность ядра и AJAX 153
Локализуемые строки 154
Сенсорное переполнение 156
Конфигурация страницы 157
Загрузка страницы 157
Конфигурация виджетов 158
Утилиты 160
Утилиты data- 160
Утилиты страниц 161
Опции перехода между страницами 161
Утилиты платформы 163
Утилиты пути 164
Утилиты пользовательского интерфейса 164
Нестандартные переходы 165
Динамическое содержимое 166
Создание страниц 166
Создание виджетов 169
Обновление виджетов 170
Создание сеток 171
Изменение содержимого страницы 171
Обработка событий 171
События страницы 171
События создания страницы 172
События загрузки страницы 172
События показа страницы 173
События виджетов 174
Событие смены ориентации 174
События жестов 175
События виртуальных щелчков 175

Глава 7. Создание тем 177
Приложение ThemeRoller 178
Глобальные настройки 179
Настройки образцов цвета 179
Инспектор свойств 180
Виджет Adobe Kuler 180
Экспорт темы 181
Редактор тем Fireworks 182
Редактирование тем 187
Нестандартные переходы 188

Установка и автономная работа 190
Определение пакета 190
Манифест HTML 191
Процедура загрузки 192
Обращение к ресурсам в Интернете 193
Обновление ресурсов 194
Объект JavaScript 195
События 196
Установка значка 198
Предложение по установке 198
Имя значка 199
Определение значка 201
Полноэкранный режим 203
Распознавание полноэкранного режима 203
Применение стилей к приложению 204
Подведем итоги 206
Хранение данных в автономном режиме 207

Глава 9. Законченное веб-приложение 209
Структура приложения 209
Манифест автономной работы 210
Страницы 211
Таблица стилей 219
Данные 220
Сценарий 220

Глава 10. Расширение возможностей платформы 226
Создание дополнительного модуля 226
Базовый шаблон 227
Создание собственного дополнительного модуля 228
Использование 228
Виджет 229
Автоинициализация 231
Применение нашего модуля 231
Полный код модуля 231
Замечательные модули 233
Модуль Pagination 233
Модуль Bartender 234
Модуль DateBox 235
Модуль Simple Dialog 237
Модуль Action Sheet 239
Дополнительные модули для планшетов 239
Модуль SplitView 239
Модуль MultiView 241
Совместимые модули 242

Глава 11. Упаковка приложения для продажи 244
Распространение через магазин 245
Распространение своими силами 245
Подготовка пакета 246
Упаковка с помощью PhoneGap 247
Сервис PhoneGap Build 248
Предметный указатель 249