Обзор jQuery Mobile Web Dev Essentials

• April 29, 2024

Мобильные устройства здесь, чтобы остаться, но ваш сайт готов? Эта книга Раймонда Камдена и Энди Мэтьюса под названием Основы разработки jQuery для мобильных веб-приложений, второе издание поможет вам подготовить ваш сайт для мобильных устройств.

Авторы начинают с краткого введения в jQuery Mobile, обсуждая, как это основанный на HTML фреймворк с функциями, которые так хорошо работают на мобильных устройствах. Как только вы убедитесь в его достоинствах, авторы помогут вам создать первую веб-страницу, объяснив, как добавить компонент jQuery Mobile в HTML и как div атрибутов данных работает с jQuery Mobile.

Переходя с одной веб-страницы на несколько мобильных веб-страниц, авторы обсуждают, как jQuery Mobile изменяет гиперссылки. Они показывают, как добавить несколько страниц в один файл веб-страницы с помощью div-оболочки, чтобы идентифицировать содержимое каждой страницы в файле. Они также обсуждают, как jQuery Mobile использует гиперссылки и Ajax для перехода с одной страницы на другую и перехода между страницами. Они также показывают, как использовать атрибут data-prefetch для предварительной загрузки дополнительных страниц. Тема расширяется, поскольку авторы обсуждают панели инструментов навигации, а также фиксированные и полноэкранные верхние и нижние колонтитулы. На мобильных устройствах ограничено пространство, и авторы обсуждают, как использовать и стилизовать многие функции списков в jQuery для экономии места, в том числе списки вставок, подсчет пузырьков, значки, миниатюры и фильтр поиска.

Как только основы покрыты, авторы демонстрируют, как создать простой мобильный веб-сайт для вымышленного отеля Camden. Несмотря на простой веб-сайт, он включает API статических карт Google. Авторы также демонстрируют схему тел для автоматического набора номера телефона и схему mailto, чтобы открыть окно электронной почты.

Далее авторы обсуждают, как использовать формы и различные поля форм в jQuery Mobile. Они обсуждают, как Ajax используется для отправки и получения информации и обновления полей формы. Далее авторы рассказывают о создании диалогов, сеток макетов, всплывающих окон, складных блоков, адаптивных таблиц и виджетов. Хотя PHP является наиболее распространенным языком на стороне сервера, авторы используют Adobe ColdFusion для внутренней обработки.

Используя полученные навыки, авторы помогут вам создать мобильное приложение для заметок. Сначала они обсуждают разработку приложения и создание каркаса для каждой функции приложения. Авторы представляют JavaScript и использование шаблонов проектирования, а также способы сбора и хранения пользовательских данных через HTML5.

Далее авторы переходят к более продвинутым функциям jQuery Mobile, таким как утилиты JavaScript и API. Они начинаются со страницы и утилит навигации и переходят к физическим событиям и событиям страницы. Оттуда они рассказывают о том, как использовать темы, предварительно созданные с помощью jQuery Mobile, и как создавать свои собственные значки и настраивать свои собственные темы с помощью ThemeRoller. Вы также узнаете, как применить собственную тему к приложению для хранения заметок, созданному в предыдущей главе. Авторы также обсуждают, как jQuery Mobile использует CSS-спрайты как для высокого Retina, так и для низкого разрешения.

Наконец, вы готовы создать собственное приложение, используя jQuery Mobile и PhoneGap. Вы узнаете, как использовать собственные API, такие как акселерометр, камера и геолокация. Авторы концентрируются на том, как создать работающее приложение для чтения RSS.

Вы найдете файлы поддержки для этой книги на веб-сайте издателя. Хотя я нашел эту книгу хорошим введением в jQuery Mobile, авторы решили использовать Adobe^р Холодный синтез^р Сервер для их демонстрационных файлов может ограничить их целевую аудиторию.

Раймонд Камден (Raymond Camden) - старший евангелист-разработчик для Adobe, специализирующийся на веб-стандартах, разработке мобильных приложений и ColdFusion. Энди Мэтьюз - 16-летний ветеран в разработке веб-приложений.

Больше информации на Packtpub.com

Раскрытие: я не получил финансовую компенсацию за эту статью. Packtpub предоставил эту книгу для ознакомления. Мнения полностью мои, основанные на моем опыте.

Видео инструкция: jQuery Mobile. Урок №1- Установка фреймворка jQuery Mobile. Базовый каркас мобильного приложения. (April 2024).