Introduction to iPhone Web Applications
- 1h 9m
—Introducing iPhone Web Development
0m 25s
—Overview
1m 3s
—The value of targeting iPhone
2m 45s
—iPod Touch
1m 30s
—The iPhone Platform
1m 28s
—The Safari on iPhone OS Browser
1m 26s
—The Safari on iPhone OS browser (cont.)
1m 50s
—Safari on iPhone OS supported features
1m 2s
—Safari on iPhone OS Limitations
4m 2s
—The iPhone human experience (UX)
1m 34s
—Content Appearance
1m 0s
—Defining styles for iPhone text
1m 2s
—Defining styles for the iPhone look
1m 22s
—Demo: Defining UI Styles
10m 25s
—Principles of iPhone UX development
2m 15s
—Designing with mobile users in mind
1m 56s
—Challenges of a small screen
1m 25s
—Address bar
1m 3s
—Scrollable address bar
0m 55s
—Showing full display area when page first opened
1m 48s
—Demo: Scroll address bar
6m 58s
—Showing full display area when page first opened
0m 23s
—Scalable display area
1m 59s
—Viewport
1m 11s
—Taking control of the display
0m 58s
—Configuring the viewport
2m 9s
—Demo Viewport Part 1: The Viewport Meta tag
3m 26s
—Demo Viewport Part 2: Setting the Viewport in JavaScript
5m 53s
—iPhone provides a number of powerful extensions
0m 40s
—iPhone Web Applications
1m 18s
—Accessing iPhone Features
0m 34s
—Accessing iPhone applications
0m 49s
—Summary
1m 47s
—References
0m 43s
Tools for creating a rich iPhone user experience
- 1h 19m
—Tools for creating a rich iPhone user experience
0m 33s
—Overview
2m 6s
—Creating a rich iPhone experience
2m 6s
—Reaching for the familiar tool
1m 42s
—Developing iPhone web content with Visual Studio
1m 11s
—Visual Studio...not one-stop shop we're used to
1m 19s
—Visual Studio/iPhone challenges
1m 45s
—Visual Studo iPhone debugging challenge
1m 53s
—iPhone/ASP.NET Development Server - Challenge
1m 31s
—Visual Studio iPhone debugging solution
1m 45s
—iPhone/ASP.NET Development Server - Solution
1m 18s
—Demo: Port Forwarding
5m 2s
—Creating the iPhone User Experience
0m 31s
—The importance of developing with AJAX
1m 53s
—iPhone AJAX Support
2m 7s
—Putting together a development environment
1m 9s
—Selecting the testing/debugging tools
2m 18s
—The most basic iPhone test platform
2m 54s
—Safari on iPhone OS debugging features
1m 6s
—Using the Safari for iPhone IS Debug Console
0m 43s
—Essential iPhone web content developer tools
0m 29s
—Accessing Safari for the desktop debug features
1m 21s
—Safari for the desktop debug features
1m 27s
—User agent switcher
2m 26s
—How the User Agent Switcher Works
1m 2s
—Demo: User Agent Switcher
4m 22s
—Web Inspector
1m 18s
—Web Inspector: Scripts panel
1m 51s
—Web Inspector: Profiles panel
1m 48s
—Web Inspector: Profiles panel views
1m 0s
—Web Inspector: Elements panel
2m 6s
—Web Inspector: Resources panel
1m 46s
—Demo: Web Inspector, Elements and Resources Panel
12m 25s
—Web Inspector: Databases panel
0m 26s
—Snippet Editor
1m 53s
—Feature disabling
2m 51s
—A few other possibilities
1m 37s
—Summary
2m 14s
—References
2m 4s
Using the iUI open source framework
- 1h 20m
—Using the iUI open source framework
0m 8s
—Course Overview
2m 0s
—What is the iUI framework?
3m 10s
—iUI File System Layout
1m 13s
—Why is the iUI framework helpful?
1m 38s
—Where does the iUI framework come from?
1m 42s
—How does one use the iUI framework?
0m 58s
—The challenge of creating the iPhone look and feel
1m 1s
—Displaying app info: Edge-to-edge list
1m 8s
—View edge-to-edge list demo
1m 9s
—Displaying app info: Grouped table list
0m 39s
—View grouped list demo
1m 1s
—Getting started with the iUI framework
0m 41s
—Adding iUI to a web site demo
1m 52s
—Getting started with iUI: Files to reference
2m 3s
—iUI application panels
0m 45s
—Creating simple panels demo
1m 50s
—iUI application panels: selected attribute
1m 51s
—iUI application panels: id attribute
1m 27s
—Common iUI formatting
1m 7s
—Reviewing the iui.css file
1m 44s
—Common iUI formatting: edge-to-edge
1m 16s
—Common iUI formatting: edge-to-edge group
1m 26s
—Common iUI formatting: grouped list
3m 16s
—Common iUI formatting: grouped list headings
1m 15s
—The iPhone toolbar
0m 55s
—iPhone toolbar demo
1m 29s
—iUI panel management
1m 25s
—Local panels
2m 51s
—Local panels demo
1m 25s
—Local panel navigation demo
2m 43s
—Server-based panels
1m 5s
—Retrieving new panels from the server
1m 27s
—New server panels demo
4m 5s
—New versus updated panels
1m 21s
—Updated panels demo
0m 50s
—Adding content to an existing panel
1m 57s
—Adding content to existing panel demo
3m 6s
—Retrieving whole pages
1m 39s
—Anchor tag handling decision tree
1m 37s
—iPhone navigation and the toolbar
1m 23s
—Toolbar members
1m 3s
—Toolbar title demo
1m 35s
—Toolbar members: Back button
0m 57s
—Back button demo
1m 9s
—Taking the toolbar a little further
0m 31s
—Customizing toolbar title
0m 48s
—Customizing toolbar title demo
1m 52s
—Customizing back button
0m 37s
—Customizing back button style demo
1m 57s
—Customizing back button: hide button
0m 40s
—Hide back button demo
0m 40s
—Summary
1m 58s
—References
0m 58s
iPhone Extensions and Touch-Based Input
- 1h 9m
—Introduction
0m 9s
—Overview
1m 56s
—Touch-Based input
1m 33s
—iPhone provides 3 levels of touch-based input
2m 28s
—The simplicity of touch events
0m 25s
—The complexity of touch events
0m 52s
—Just the facts ma'am
0m 20s
—Working with the Click event
0m 49s
—Client event special considerations
2m 54s
—Demo: Click Behavior
2m 3s
—Understanding the mouse events
1m 20s
—Mouse event paths
0m 47s
—Mouse event paths...short-circuit
1m 43s
—Demo: View Mouse Events
2m 12s
—Gesture events
1m 51s
—Understanding gesture characteristics
1m 18s
—The GestureEvent object
4m 8s
—Demo: Scale and Rotate with Gestures
8m 39s
—The GestureEvent target property
2m 29s
—Gestures and element click-ability
1m 1s
—Demo: View Gesture Events
3m 1s
—Touch Events - where the rubber meets the road
0m 35s
—The complexity of touch events
1m 5s
—Touch events
2m 3s
—TouchEvent object
1m 39s
—The Touch object
1m 37s
—Common uses of touch events
1m 31s
—Common uses of touch events (continued)
1m 27s
—Demo: Touch and drag
6m 0s
—Watch out for the gotcha's
3m 3s
—Demo: View Touch Events
6m 17s
—Summary
1m 40s
—References
0m 43s
The impact of the iUI framework on client-side script
- 1h 7m
—The impact of the iUI framework on client-side script
0m 26s
—Course Overview
1m 34s
—A Review: What is the iUI framework
0m 47s
—Review of iUI concepts
0m 51s
—Demo: iUI review
1m 17s
—Understanding the iUI framework implementation
0m 34s
—Primary iUI folders and files
0m 56s
—Demo: Review iUI folders and files
1m 23s
—Functionality behind the declarative behavior
0m 53s
—Demo: The code that applies the panel title
0m 50s
—Click event handlers
0m 24s
—Click event (toggle handling)
0m 47s
—Demo: The toggle click event handler code
1m 24s
—Page navigation visual feedback
1m 14s
—Click event (navigation visual feedback)
1m 21s
—The iUI framework and page navigation
1m 13s
—Demo: Navigation click event handler code
2m 17s
—Handling panel navigation
1m 0s
—The iUI class
1m 30s
—Demo: Adding a custom panel navigation function
7m 38s
—Other iUI class features
1m 15s
—iUI events
2m 12s
—Demo: Adding declarative right toolbar button support
6m 53s
—iUI events and server-based panels
1m 5s
—The beforeinsert and afterinsert events
2m 26s
—Demo: Dynamic content with the beforeinsert event
6m 19s
—Demo: Comparing beforeinsert and afterinsert events
3m 17s
—Monitoring iUI Events
1m 11s
—Demo: Monitoring iUI events
3m 3s
—Changes in device orientation
2m 22s
—iUI orientation handling
2m 15s
—Demo: iUI orientation handling
4m 12s
—Summary
2m 56s
Interacting with iPhone platform services.
- 1h 3m
—Interacting with iPhone platform services
0m 26s
—Overview
1m 6s
—Taking advantage of the whole iPhone
1m 5s
—Phone calls
2m 3s
—Format detection and the DOM
1m 20s
—Email
1m 17s
—Texting
1m 57s
—Customized URL handling
1m 56s
—The Maps app and URL access
0m 44s
—Maps Parameters
1m 14s
—Demo: Accessing the iPhone Maps app with a URL
2m 38s
—Device Demo: Accessing the iPhone Maps app with a URL
2m 0s
—Media integration
0m 31s
—iTunes
1m 23s
—iTunes URLs
0m 58s
—YouTube
1m 9s
—Improving the YouTube experience
0m 43s
—Demo: Accessing iTunes and YouTube with a URL
3m 38s
—Device Demo: Accessing iTunes and YouTube with a URL
1m 50s
—HTML Media Support
1m 11s
—Media tag attributes
1m 27s
—iPhone media considerations
0m 34s
—Bandwidth
2m 5s
—Video playback
2m 2s
—Audio playback
1m 22s
—HTML 5 media object model
1m 21s
—Media behavior and events
0m 49s
—Understanding downloading and playback events
2m 5s
—Understanding media flow events
2m 1s
—Demo: HTML media
10m 13s
—Device Demo: HTML media
2m 4s
—Take advantage of context-aware input
1m 19s
—Context aware input
1m 0s
—Context aware input (continued)
0m 52s
—Summary
3m 20s
—References
1m 23s