You are previewing Beginning iOS Application Development with HTML and JavaScript®.
O'Reilly logo
Beginning iOS Application Development with HTML and JavaScript®

Book Description

Web developers with HTML/JS skills will quickly learn to apply them to the iPhone/iPad platform

Beginning to intermediate web developers who want to apply their existing HTML/CSS/JS/Ajax skills to the wildly popular iPhone/iPad OS will love this book. In the highly successful Wrox Beginning format, it enables developers who know these core technologies to use what they already know and get up to speed quickly. It introduces iOS development with web technologies, explains how to enable and optimize web sites for the iPhone and iPad, explores user interface design, then moves into animation, special effects, building with web frameworks, and much more.

  • Teaches you to apply your knowledge of HMTL, JavaScript, and related web technologies to the iOS platform and create apps for the iPad and iPhone

  • Explains how to enable and optimize web sites for the mobile screen, design an effective iPad and iPhone UI, and apply CSS

  • Covers building in interactivity, animation, and special effects, programming the canvas, offline, apps, bandwidth performance and optimization, and web frameworks

  • Shows you how to package your app inside a native iOS wrapper (no programming required) so you can submit your apps to the App Store

Developers who already know HTML and JavaScript can get up to speed on iOS app development more quickly with the help of this Wrox guide.

Table of Contents

  1. Cover
  2. Contents
  3. Introduction
  4. Part I: Getting Started
    1. Chapter 1: Introducing IOS Development Using Web Technologies
      1. Discovering the Safari on IOS Platform
      2. Key Safari Features for Web Developers
      3. Four Ways to Develop Web Apps for IOS
      4. The Finger is Not a Mouse
      5. Limitations and Constraints
      6. Setting Up Your Development Environment on a Local Network
    2. Chapter 2: Working With Core Technologies
      1. Exploring HTML 5 Media Elements
      2. Scripting JavaScript
    3. Chapter 3: The Document Object Model
      1. What is the DOM?
      2. DOM as a Tree
      3. Accessing the DOM from JavaScript
      4. Manipulating the DOM
    4. Chapter 4: Writing Your First Hello World Application
      1. Setting Up
      2. Creating Your Index Page
      3. Creating the Main Screen
      4. Adding Detail Pages
    5. Chapter 5: Enabling And Optimizing Web Sites For The IPHONE and IPAD
      1. Tier 1: IOS Compatibility
      2. Tier 2: Navigation-Friendly Websites
      3. Tier 3: Custom Styling
      4. Tier 4: Parallel Sites
  5. Part II: Application Design
    1. Chapter 6: Designing The IPHONE UI
      1. Evolving UI Design
      2. The iPhone Viewport
      3. Exploring IOS Design Patterns
      4. Exploring Screen Layout
      5. Designing for Touch
      6. Working with Fonts
      7. Best Practices in IOS UI Design
      8. Adding Finishing Touches
    2. Chapter 7: Designing For IPAD
      1. Special iPad Considerations
      2. Designing a UI for iPad
    3. Chapter 8: Styling With CSS
      1. CSS Selectors Supported in Safari
      2. Text Styles
      3. Styling Block Elements
      4. Setting Transparencies
      5. Creating CSS-based IOS Buttons
      6. Identifying Incompatibilities
  6. Part III: Application Development
    1. Chapter 9: Programming The Interface
      1. Top Level of Application
      2. Displaying a Panel with an Internal URL
      3. Creating a Secondary Navigation List
      4. Designing for Long Navigation Lists
      5. Creating a Destination Page
      6. Adding a Dialog
      7. Scripting UI Behavior
    2. Chapter 10: Handling Touch Interactions and Events
      1. Three Types of Touch Events
      2. Mouse-Emulation Events
      3. Touch Events
      4. Gesture Events
      5. Detecting an Orientation Change
      6. Changing Element Positioning Based on Orientation Change
      7. Trapping for Key Events with the On-Screen Keyboard
    3. Chapter 11: Special Effects and Animation
      1. Gradients
      2. Adding Shadows
      3. Adding Reflections
      4. Working with Masks
      5. Creating Transform Effects
      6. Creating Animations
    4. Chapter 12: Integrating with IOS Services
      1. Making Phone Calls from Your App
      2. Sending Emails
      3. Sending SMS Messages
      4. Pointing on Google Maps
    5. Chapter 13: Packaging APPS as Bookmarks: Bookmarklets and Data Urls
      1. Working with Bookmarklets
      2. Storing an Application in a Data URL
      3. Developing a Data URL App
  7. Part IV: Advanced Programming Techniques
    1. Chapter 14: Programming the Canvas
      1. Identifying the User Agent
      2. Programming the IOS Canvas
      3. Defining the Canvas Element
      4. Getting a Context
      5. Drawing a Simple Rectangle
      6. Drawing Other Shapes
      7. Drawing an Image
      8. Adding Color and Transparency
      9. Creating an Image Pattern
    2. Chapter 15: Offline Applications
      1. HTML 5 Offline Application Cache
      2. Using Key-Value Storage
      3. Going SQL with the JavaScript Database
    3. Chapter 16: Building with Web APP Frameworks
      1. Using jQuery Mobile
      2. Using iWebKit
    4. Chapter 17: Bandwidth and Performance Optimizations
      1. Optimization Strategies
      2. Best Practices to Minimize Bandwidth
      3. Compressing Your Application
      4. JavaScript Performance Optimizations
      5. Local and Global Variables
      6. Dot Notation and Property Lookups
      7. What to Do and Not to Do
    5. Chapter 18: Debug and Deploy
      1. Simulating the iPhone or iPad on Your Development Computer
      2. Working with Desktop Safari Debugging Tools
      3. Debugging on an IOS Device
  8. Part V: Next Steps: Developing Native IOS Applications with Html and Javascript
    1. Chapter 19: Preparing for Native IOS Development
      1. Downloading Xcode
      2. Joining the IOS Developer Program
      3. Getting an IOS Developer Certificate
      4. Retrieving the Developer Certificate
      5. Adding a Device for Testing
      6. Creating an App ID
      7. Creating a Provisioning Profile
      8. Installing the Development Provisioning Profile
    2. Chapter 20: Phonegap: Native APPS from Your HTML, CSS, and Javascript
      1. Installing PhoneGap
      2. Creating a New PhoneGap Project in Xcode
      3. Running the Base Project
      4. Adding Web Files to the Xcode Project
      5. Merging Your Web App Code
      6. Tweaking the Xcode Project
      7. Running the Finished App
    3. Chapter 21: Submitting Your APP to the APP Store
      1. Step 1: Getting a Distribution Certificate
      2. Step 2: Creating a Distribution Provisioning Profile
      3. Step 3: Building a Distribution Release of Your App
      4. Step 4: Submitting Your App to the App Store
  9. Appendix: Exercise Answers