Tutorials and Online Training Videos

Developing iPhone Web Apps Tutorial


iPhone Web Apps are built with Apple's Dashcode tool and provide the fastest and easiest way to present your content on iPhone. This course introduces the tool and its templates and then explores ways in which you can enhance and customize the basics. A major focus of the course is a multi-level browser that can easily be used to present hundreds or even thousands of data elements (including video and images) using multi-level categories. iPhone Web Apps are uploaded to a Web server and are then available to users: there is no need for Apple to approve them or for users to download them. To begin learning today, simply click on the movie links.

Introducing iPhone Web Apps

About this Course
Understanding iPhone Apps
Working with iPhone OS Apps
Working with iPhone Web Apps
Resources to Get Started

Planning Your App

Writing Your Blurb
Data Sources
Planning Promotion
Testing Your App

Building Overview

Building an RSS Feed App
Getting Started with the Template
Adding the Feed & Simulating
Cleaning Up the App
Deploying the App

Looking Inside Dashcode

Using the Browser Template
Dashcode/Dashboard/Widgets & Apps
Exploring the App with Dashcode
Using the Inspector: Attributes
Using the Inspector: Fill & Stroke
Using the Inspector: Metrics & Text

Parts/Behaviors & Stack Layouts

Adding Parts
The Button & Behaviors
Putting the Pieces Together
Stack Layout View
Adding a Behavior to the Button
Testing the Button & Moving On
Working with Transitions
Adding More Views & Buttons

Working with Data Sources

Creating the Basic Browser
Running the Browser & Looking at Files
Introducing Data Sources
Looking at Dashcode & Data Source View
Linking Data to Fields: JSON Data
Linking Data to Fields: XML Data pt. 1
Linking Data to Fields: XML Data pt. 2
Testing the App

Exploring Bindings

Looking at Bindings & Data Sources
Exploring the Bindings Inspector
Creating a New Binding
Using a Value Transformer
Using a Progress Monitor

Using Utility Template & the Database

Exploring the Utility Template
Flipping the App with Behaviors
Introducing the Database
Database Architecture Overview
Looking at the Template Code:index.html
Using Load pt. 1
Using Load pt. 2
Using initDB pt. 1
Using initDB pt. 2
Calling initContent
Calling insertValue & updateValue

Working with XMLHttpRequest

Why Use XMLHttpRequest?
Retrieving Text with XMLHttpRequest
Parsing the XML Result
On to Dashcode: Setting the Feed URL
Implement setupXMLRequest
Testing the Code
Using Two FIelds
Implementing Two Fields
Using One FIeld & a Selector Popup
Adding the Popup Behavior
Refining the Selection Code

Using Maps & Geographic Locations

Introducing Geolocation
Creating the App & Its Interface
Implementing the Get My Position Button
Testing the Get My Position Button
Implementing the Map It Button

Building an Integrated Directory App

Setting Up the App
Creating the Data Source
Laying Out the Interface
Binding the Data Source
Adding a Phone & Mail Button
Adding a Map

Building a Multi-Level Browser

Introducing a Multi-Level Browser
Looking at itemClicked
Considering Two List Views
Building the Region List Data
Building the Region Data Source & View
Reordering the StackLayout Views
Testing the Region->Park List Behavior
Setting Up a Region List
Preparing for New Views & Data Sources
Creating the Intermountain Data Source
Connecting the Data Source
Looking for Errors
Drilling Down to the Third Level

Doing It with a Grid

Making a Grid-Based Integrated Directory
Adding & Connecting the Data Source
Using the Grid Data
Testing the Grid-Based App

Using Indicators & Transformations

Designing the Interface
Clean Up
Adding the Values
Creator a Transformer
Converting Capacity to Percent Capacity
Adding the Indicator

Using the Debugger

Introducing the Debugger
Handling Typos in Data Sources
Debugging a Transformation
Looking at the Run Log

Conclusion

Course Summary

Credits

About the Author


Related Books on Developing iPhone Web Apps







Save $80 on the
DROID BIONIC
by Motorola with Verizon Wireless service for less than from Verizon Wireless directly.
Save $80 on DROID BIONIC
More Cell Phone Discounts