Contents

Part I: Getting Started

Chapter 1: Introducing IOS Development Using Web Technologies

Discovering the Safari on IOS Platform

Key Safari Features for Web Developers

Four Ways to Develop Web Apps for IOS

The Finger Is Not a Mouse

Limitations and Constraints

Setting Up Your Development Environment on a Local Network

Chapter 2: Working With Core Technologies

Exploring HTML 5 Media Elements

Scripting JavaScript

Chapter 3: The Document Object Model

What Is the DOM?

DOM as a Tree

Accessing the DOM from JavaScript

Manipulating the DOM

Chapter 4: Writing Your First Hello World Application

Setting Up

Creating Your Index Page

Creating the Main Screen

Adding Detail Pages

Chapter 5: Enabling And Optimizing Web Sites For The IPHONE and IPAD

Tier 1: IOS Compatibility

Tier 2: Navigation-Friendly Websites

Tier 3: Custom Styling

Tier 4: Parallel Sites

Part II: Application Design

Chapter 6: Designing The IPHONE UI

Evolving UI Design

The iPhone Viewport

Exploring IOS Design Patterns

Exploring Screen Layout

Designing for Touch

Working with Fonts

Best Practices in IOS UI Design

Adding Finishing Touches

Chapter 7: Designing For IPAD

Special iPad Considerations

Designing a UI for iPad

Chapter 8: Styling With CSS

CSS Selectors Supported in Safari

Text Styles

Styling Block Elements

Setting Transparencies

Creating CSS-based IOS Buttons

Identifying Incompatibilities

Part III: Application Development

Chapter 9: Programming The Interface

Top Level of Application

Displaying a Panel with an Internal URL

Creating a Secondary Navigation List

Designing for Long Navigation Lists

Creating a Destination Page

Adding a Dialog

Scripting UI Behavior

Chapter 10: Handling Touch Interactions and Events

Three Types of Touch Events

Mouse-Emulation Events

Touch Events

Gesture Events

Detecting an Orientation Change

Changing Element Positioning Based on Orientation Change

Trapping for Key Events with the On-Screen Keyboard

Chapter 11: Special Effects and Animation

Gradients

Adding Shadows

Adding Reflections

Working with Masks

Creating Transform Effects

Creating Animations

Chapter 12: Integrating With IOS Services

Making Phone Calls from Your App

Sending Emails

Sending SMS Messages

Pointing on Google Maps

Chapter 13: Packaging APPS as Bookmarks: Bookmarklets and Data Urls

Working with Bookmarklets

Storing an Application in a Data URL

Developing a Data URL App

Part IV: Advanced Programming Techniques

Chapter 14: Programming The Canvas

Identifying the User Agent

Programming the IOS Canvas

Defining the Canvas Element

Getting a Context

Drawing a Simple Rectangle

Drawing Other Shapes

Drawing an Image

Adding Color and Transparency

Creating an Image Pattern

Chapter 15: Offline Applications

HTML 5 Offline Application Cache

Using Key-Value Storage

Going SQL with the JavaScript Database

Chapter 16: Building With Web APP Frameworks

Using jQuery Mobile

Using iWebKit

Chapter 17: Bandwidth and Performance Optimizations

Optimization Strategies

Best Practices to Minimize Bandwidth

Compressing Your Application

JavaScript Performance Optimizations

Local and Global Variables

Dot Notation and Property Lookups

What to Do and Not to Do

Chapter 18: Debug and Deploy

Simulating the iPhone or iPad on Your Development Computer

Working with Desktop Safari Debugging Tools

Debugging on an IOS Device

Part V: Next Steps: Developing Native IOS Applications With Html and Javascript

Chapter 19: Preparing For Native IOS Development

Downloading Xcode

Joining the IOS Developer Program

Getting an IOS Developer Certificate

Retrieving the Developer Certificate

Adding a Device for Testing

Creating an App ID

Creating a Provisioning Profile

Installing the Development Provisioning Profile

Chapter 20: Phonegap: Native APPS From Your HTML, CSS, and Javascript

Installing PhoneGap

Creating a New PhoneGap Project in Xcode

Running the Base Project

Adding Web Files to the Xcode Project

Merging Your Web App Code

Tweaking the Xcode Project

Running the Finished App

Chapter 21: Submitting Your APP to The APP Store

Step 1: Getting a Distribution Certificate

Step 2: Creating a Distribution Provisioning Profile

Step 3: Building a Distribution Release of Your App

Step 4: Submitting Your App to the App Store

Appendix: Exercise Answers

Introduction

Advertisements