HTML5 iPhone Web Application Development

HTML5 iPhone Web Application Development
eBook: $29.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $79.98    Print cover: $49.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • Simple and complex problems will be covered with examples and resources that backup the approach and technique.
  • Real world solutions that are broken down for multiple target audiences; from beginner developers to technical architects.
  • Learn to build true web applications using the latest industry standards for iOS Safari.

Book Details

Language : English
Paperback : 338 pages [ 235mm x 191mm ]
Release Date : May 2013
ISBN : 1849691029
ISBN 13 : 9781849691024
Author(s) : Alvin Crespo
Topics and Technologies : All Books, Web Development, Mobile

Table of Contents

Chapter 1: Application Architecture
Chapter 2: Integrating HTML5 Video
Chapter 3: HTML5 Audio
Chapter 4: Touch and Gestures
Chapter 5: Understanding HTML5 Forms
Chapter 6: Location-aware Applications
Chapter 7: One-page Applications
Chapter 8: Offline Applications
Chapter 9: Principles of Clean and Optimized Code
Chapter 10: Creating a Native iPhone Web Application
  • Chapter 1: Application Architecture
    • Implementing the HTML5 Mobile Boilerplate
      • Downloading and installing the HTML5 Mobile Boilerplate
      • Integrating the build script
    • Creating our application framework
      • Modifying the boilerplate
      • Customizing our markup
    • Customizing our framework
    • Creating semantic markup
      • Creating the header
      • Creating the footer
      • Clearing up section
    • Structuring our stylesheets
      • Global styling
      • Defining our global fonts
      • Our page layout
      • Using content with :before and :after
      • Styling our navigation
    • Responsive design principles
      • Media queries to the rescue
      • Responsive images
        • Fluid images
    • Establishing our JavaScript architecture
      • Structuring our app functionality
        • Namespacing our application
        • Immediately Invoked Function Expressions
        • Use strict
        • Default options
        • Defining the constructor
        • The prototype
        • Defining public methods
        • Returning our constructor/function
    • Integrating a custom module template
      • Including our scripts
      • Initializing our framework
    • Routing to a mobile site
      • Redirecting via PHP
      • Redirecting via htaccess
    • Home screen icons
    • Introducing our build script
      • Configuring our build script
        • Minifying and concatenating scripts
        • Minifying and concatenating styles
      • Creating multiple environments
        • Navigating our directories
        • Building our project
    • Summary
    • Chapter 2: Integrating HTML5 Video
      • Configuring the server
        • Video formats
        • Video format directives
      • A simple HTML5 video
        • Single video format
        • Supporting multiple formats
      • Listening to HTML5 video events
        • Video markup review
        • Attaching video events
        • Initializing our video
      • Creating a JavaScript video library
        • Centralizing our events
          • Scope in JavaScript
        • Exposing functionality
        • Integrating callbacks
          • Extending callbacks
          • Using callbacks
        • Tying it all up
      • Customizing HTML5 video controls
      • Summary
      • Chapter 3: HTML5 Audio
        • Server configuration
          • Audio formats
          • Audio format directives
        • Simple HTML5 audio integration
        • MediaElement abstraction
          • Creating App.MediaElement.js
          • Initializing App.MediaElement.js
        • Extending the MediaElement API for audio
          • The base template
          • Creating an instance of MediaElement
            • Finding and caching an audio element
            • Initializing MediaElement
        • Dynamic audio player
          • The select element
          • Switching audio tracks
            • The change event listener
            • The change event handler
            • Refactoring our code
            • Initializing our Audio class
        • Customizing HTML5 audio controls
          • Creating custom media controls
          • Adding interactivity to our customized controls
          • Sequential playback
            • The markup
            • The JavaScript
        • iOS considerations
          • Volume
          • Autoplay
          • Simultaneous playback
        • Summary
        • Chapter 4: Touch and Gestures
          • Simplifying the navigation
            • Navigation markup and styling
              • The basic template
              • Styling a select component
            • Navigation interactivity
              • The basic template
              • Caching our navigation
              • Listening and handling the change event
              • Initializing the navigation
          • Touch and Gesture events
            • Touch events
              • On scroll
              • On touch and hold
              • On double-tap zoom
              • Supported touch events and how they work
            • Gestures
          • Creating a responsive photo gallery
            • Gallery markup and styling
              • The basic gallery slide list
              • Adding simple gallery controls
              • Making images responsive
              • Styling our gallery
              • Using CSS3 transitions
            • Gallery interactivity
              • The basic template
              • Caching the gallery
              • Connecting our controls
              • Gallery responsiveness
            • Extending the gallery for touch
              • The basic template
              • Default options and modularizing swipe events
              • Listening to touch events
              • Handling touch events
            • Putting it all together
              • The JavaScript
              • The markup
          • Summary
          • Chapter 5: Understanding HTML5 Forms
            • HTML5 input types
            • HTML5 attributes for forms
            • Form layout for iPhone
            • Sample HTML5 forms
              • Setup work
                • Including our forms styling
                • Updating the navigation
                • Including our navigation and forms scripts
              • The forms
                • The login form
                • The registration form
                • The profile form
            • Form validation
              • The basic template
              • Initializing our forms
                • Attaching events
                • Event handlers
              • Validating our input
            • Form styling for iOS
              • Basic styling
              • Custom styling
            • Summary
            • Chapter 6: Location-aware Applications
              • Geolocation specification
                • Implementation
                • Scope, security, and privacy
                • API descriptions
                  • The Geolocation interface
                  • The PositionOptions interface
                  • The Position interface
                  • The Coordinates interface
                  • The PositionError interface
                • Use cases
                  • Points of interest
                  • Route navigation
                  • Latest information
              • Google Maps API
                • The API(s)
                • Obtaining an API key
                  • Activating the service
                  • Retrieving the key
              • Geolocation and Google Maps
                • Markup preparation
                • The Geolocation wrapper
                • Geolocation with Google Maps
              • Summary
              • Chapter 7: One-page Applications
                • Model-View-Controller or MVC
                  • Models
                  • Views
                  • Controllers
                  • Relationships
                • Introduction to Underscore.js
                  • Implementation
                    • _.extend
                    • _.each
                    • _.template
                • Introduction to Backbone.js
                  • MVC and Backbone.js
                  • Backbone models
                  • Backbone views
                  • Backbone collections
                  • Server-side interactions
                • Our sample application
                  • Application architecture
                    • Basic sample architecture
                    • Application markup
                    • Application scripts
                • Summary
                • Chapter 8: Offline Applications
                  • Application Cache
                    • The manifest file
                    • Manifest implementation
                    • A simple example
                      • The markup
                      • The JavaScript
                  • Debugging the cache manifest
                    • Debugging in the browser
                    • Debugging using JavaScript
                  • Handling offline applications
                    • A simple use case
                    • Detecting network connectivity
                    • The localStorage API
                  • Summary
                  • Chapter 9: Principles of Clean and Optimized Code
                    • Optimizing stylesheets
                      • Validating our CSS
                        • W3C CSS Validator
                        • Customizable options
                        • Validating a successful example
                        • Validating an unsuccessful example
                        • CSS Lint
                        • Customizable options
                      • Profiling our CSS
                      • Optimizing our CSS
                        • Avoid universal rules
                      • Don't qualify ID or Class rules
                        • Never use !important
                        • Modularize styles
                    • Optimizing JavaScript
                      • Validating JavaScript using JSLint
                        • Validating a successful example using JSLint
                        • Validating an unsuccessful example
                        • Customizable options
                        • Integrating JSLint
                      • Profiling our JavaScript
                      • Optimizing our JavaScript
                        • Avoid globals
                        • Leave the DOM alone
                        • Use literals
                        • Modularize functionality
                    • Summary
                    • Chapter 10: Creating a Native iPhone Web Application
                      • Setting up the development environment
                        • Getting started with Xcode
                          • Installing Xcode
                          • Xcode IDE overview – the basics
                        • Setting up PhoneGap
                          • Installing PhoneGap
                          • Creating a PhoneGap project
                          • The PhoneGap license
                        • Configuring our project
                      • Transferring a web application
                        • Transferring our assets
                          • Including our markup
                          • Incorporating our styles
                          • Inserting our scripts
                        • Debugging our application
                          • Logging out our code
                          • Using the Safari developer tools
                        • Extending our application with native functionality
                          • Configuring our application
                          • Setting up our contacts functionality
                      • Summary

                      Alvin Crespo

                      Alvin Crespo is a creative technologist strongly focused on delivering compelling user experiences through the use of frontend technologies. Utilizing the latest industry standards, he strives to move the Web forward promoting open source technologies. Having worked in startup and agency environments, he has helped build and architect complex applications for both medium and large-sized companies.
                      Sorry, we don't have any reviews for this title yet.

                      Code Downloads

                      Download the code and support files for this book.

                      Submit Errata

                      Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.

                      Sample chapters

                      You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                      Frequently bought together

                      HTML5 iPhone Web Application Development +    Oracle E-Business Suite 12 Financials Cookbook =
                      50% Off
                      the second eBook
                      Price for both: $50.70

                      Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                      What you will learn from this book

                      • Explore exciting HTML5 features such as Geolocation and localStorage
                      • Responsive design implementation
                      • Native application development using PhoneGap
                      • Get to grips with current industry standards
                      • Develop touch-based interactivity
                      • Learn about Safari specific UI enhancements
                      • Find solutions to every day real world problems

                      In Detail

                      Create compelling web applications specifically tailored for distribution on iOS Safari. Work through real world examples with references, and in-depth discussions on the approach; including its benefits and drawbacks.

                      "HTML5 iPhone Web Application Development" strives to teach all levels of developers, beginners and professionals, the process of creating web applications for iOS Safari. Utilizing current industry standards for frontend development, learn to take advantage of HTML5, CSS3 and JavaScript to create compelling software.

                      Start with reviewing current industry standards for frontend development, and end with creating a native application using the same codebase.

                      Your journey will begin with an overview of current industry standards for frontend technology, quickly moving to solve real world issues; from creating a resizable or responsive gallery, to creating a single page application that utilizes the popular Backbone.js framework.

                      "HTML5 iPhone Web Application Development" aims to make you an expert in developing web applications for the iOS Safari platform.


                      Presented in an easy to follow, step by step tutorial format, this is your guide to web application development for the iOS Safari

                      Who this book is for

                      This book was meant for you! From the beginner developer to chief technology officer, this book aims to make you an expert in the field of web application development for iOS Safari. Familiarity with HTML, CSS and JavaScript are greatly encouraged but if you’re looking to dive right in and find solutions to everyday problems and more, then this book is for you.

                      Code Download and Errata
                      Packt Anytime, Anywhere
                      Register Books
                      Print Upgrades
                      eBook Downloads
                      Video Support
                      Contact Us
                      Awards Voting Nominations Previous Winners
                      Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                      Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software