Camden R., Matthews A. - jQuery Mobile Web Development Essentials [2012, PDF/EPUB, ENG] + Code

Книги и журналы » Компьютерная литература » Веб-дизайн и программирование

jQuery Mobile Web Development Essentials

Год: 2012 (May)
Автор: Raymond Camden, Andy Matthews
Издательство: Packt Publishing
ISBN: 9781849517263
Язык: Английский
Формат: PDF/EPUB
Качество: Изначально компьютерное (eBook)
Интерактивное оглавление: Да
Количество страниц: 247
Описание: jQuery Mobile Web Development Essentials will explain how to create mobile-optimized sites with the easiest, most practical HTML/JavaScript framework available and to add the framework to your HTML pages to create rich, mobile-optimized web pages with minimal effort.

Throughout the book, you’ll learn details that help you become a pro at mobile web development. You begin with simple HTML and quickly enhance it using jQuery Mobile for incredible mobile-optimized sites. Start by learning the building blocks of jQuery Mobile’s component-driven design. Dig into forms, events, and styling, then finish by building native mobile applications. You will learn how to build websites and apps for touch devices such as iPhone, iPad, Android, and BlackBerry with the recently developed jQuery Mobile library through sample applications of increasing complexity.

What you will learn from this book:
• Use simple HTML to create mobile-optimized sites
• Create a custom jQuery UI widget using the widget library
• Structure your sites for browsing on mobile devices
• Include forms for interactive sites
• Convert desktop sites into mobile versions
• Theme your jQuery Mobile site
• Create native applications
[spoiler="Примеры страниц"]

[/spoiler]
[spoiler="Оглавление"]
Preface
Chapter 1: Preparing your First jQuery Mobile Project
Important preliminary points
Building an HTML page
Getting jQuery Mobile
Implementing jQuery Mobile
Working with data attributes
Summary
Chapter 2: Working with jQuery Mobile Pages
Important preliminary points
Adding multiple pages to one file
jQuery Mobile, links, and you
Working with multiple files
jQuery Mobile and URLs
Additional customization
Page titles
Prefetching content
Changing page transitions
Summary
Chapter 3: Enhancing Pages with Headers, Footers, and Toolbars
Important preliminary points
Adding headers
Icon sneak peak
Working with back buttons
Working with footers
Creating fixed and full screen headers and footers
Full screen positioning
Working with navigation bars
Persisting navigation bar footers across multiple pages
Summary
Chapter 4: Working with Lists
Creating lists
Working with list feature
Creating Inset lists
Creating list dividers
Creating lists with count bubbles
Using thumbnails and icons
Creating Split Button lists
Using a search filter
Summary
Chapter 5: Getting Practical – Building a Simple Hotel Mobile Site
Welcome to Hotel Camden
The home page
Finding the hotel
Listing the hotel rooms
Contacting the hotel
Summary
Chapter 6: Working with Forms and jQuery Mobile
Before you begin
What jQuery Mobile does with forms
Working with radio buttons and checkboxes
Working with select menus
Search, toggle, and slider fields
Search fields
Flip toggle fields
Slider fields
Using native form controls
Working with "mini" fields
Summary
Chapter 7: Creating Modal Dialogs, Grids, and Collapsible Blocks
Creating dialogs
Laying out content with grids
Working with collapsible content
Summary
Chapter 8: jQuery Mobile Configuration, Utilities, and JavaScript methods
Configuring jQuery Mobile
Using jQuery Mobile utilities
Page methods and utilities
Path and URL related utilities
Miscellaneous utilities
jQuery widget and form utilities
Summary
Chapter 9: Working with Events
Working with physical events
Handling page events
What about $(document).ready?
Creating a real example
Summary
Chapter 10: Moving further with the Notekeeper Mobile Application
What is a mobile application?
Designing your first mobile application
Listing out the requirements
Building your wireframes
Designing the add note wireframe
Display notes wireframe
View note/delete button wireframe
Writing the HTML
Adding functionality with JavaScript
Storing Notekeeper data
Using localStorage
Effective use of boilerplates
Building the Add Note feature
Adding bindings
Collecting and storing the data
Building the Display Notes feature
Dynamically adding notes to our listview
Viewing a note
Using the Live function
Dynamically creating a new page
Deleting a note
Summary
Chapter 11: Enhancing jQuery Mobile
What's possible?
The visual building blocks of jQuery Mobile
Border-radius
Applying drop shadows
Using text-shadow
Using box-shadow
CSS gradients
The basics of jQuery Mobile theming
Bars (.ui-bar-?)
Content blocks (.ui-body-?)
Buttons and listviews (.ui-btn-?)
Mixing and matching swatches
Site-wide active state
Default icons
Creating and using a custom theme
What's ThemeRoller?
Using ThemeRoller
Preview
Colors
Inspector
Tools
Creating a theme for Notekeeper
Exporting your theme
Creating and using custom icons
CSS Sprites
Designing your first icon
High and low resolution
Updating the Notekeeper app
Adding our custom theme
Adding our custom icon
Summary
Chapter 12: Creating Native Applications
HTML as a native application
Working with PhoneGap
Adding PhoneGap functionality
Summary
Chapter 13: Becoming an expert - Build an RSS Reader application
RSS Reader – the application
Creating the RSS Reader Application
The displayFeeds function
Storing our feeds
Adding an RSS feed
Viewing a feed
Creating the entry view
Going further
Summary
Index
[/spoiler]