Course
Skills Expanded
iPhone ASP.NET Fundamentals
Learn to apply your ASP.NET skills to create rich, interactive iPhone and iPod Touch Web Applications
What you'll learn
The iPhone’s rich user interface and platform features provide for the creation of applications that are compelling to both users and developers. Although commonly thought to be available only to native applications, the most common user interface and platform features are also available to iPhone and iPod Touch web applications. In this course you will learn how to apply your existing ASP.NET skills to create iPhone web applications that capitalize on the rich capabilities of the iPhone platform while maintaining all of the management and deployment benefits of the web. Topic coverage includes iPhone user interface techniques, GPS and location-aware capabilities, creating web applications that look and behave as native applications, offline application support, and the iPhone User Interface (iUI) open source framework.
Table of contents
Introduction to iPhone Web Applications
69mins
- Introducing iPhone Web Development 0m
- Overview 1m
- The value of targeting iPhone 3m
- iPod Touch 2m
- The iPhone Platform 1m
- The Safari on iPhone OS Browser 1m
- The Safari on iPhone OS browser (cont.) 2m
- Safari on iPhone OS supported features 1m
- Safari on iPhone OS Limitations 4m
- The iPhone human experience (UX) 2m
- Content Appearance 1m
- Defining styles for iPhone text 1m
- Defining styles for the iPhone look 1m
- Demo: Defining UI Styles 10m
- Principles of iPhone UX development 2m
- Designing with mobile users in mind 2m
- Challenges of a small screen 1m
- Address bar 1m
- Scrollable address bar 1m
- Showing full display area when page first opened 2m
- Demo: Scroll address bar 7m
- Showing full display area when page first opened 0m
- Scalable display area 2m
- Viewport 1m
- Taking control of the display 1m
- Configuring the viewport 2m
- Demo Viewport Part 1: The Viewport Meta tag 3m
- Demo Viewport Part 2: Setting the Viewport in JavaScript 6m
- iPhone provides a number of powerful extensions 1m
- iPhone Web Applications 1m
- Accessing iPhone Features 1m
- Accessing iPhone applications 1m
- Summary 2m
- References 1m
Tools for creating a rich iPhone user experience
79mins
- Tools for creating a rich iPhone user experience 1m
- Overview 2m
- Creating a rich iPhone experience 2m
- Reaching for the familiar tool 2m
- Developing iPhone web content with Visual Studio 1m
- Visual Studio...not one-stop shop we're used to 1m
- Visual Studio/iPhone challenges 2m
- Visual Studo iPhone debugging challenge 2m
- iPhone/ASP.NET Development Server - Challenge 2m
- Visual Studio iPhone debugging solution 2m
- iPhone/ASP.NET Development Server - Solution 1m
- Demo: Port Forwarding 5m
- Creating the iPhone User Experience 1m
- The importance of developing with AJAX 2m
- iPhone AJAX Support 2m
- Putting together a development environment 1m
- Selecting the testing/debugging tools 2m
- The most basic iPhone test platform 3m
- Safari on iPhone OS debugging features 1m
- Using the Safari for iPhone IS Debug Console 1m
- Essential iPhone web content developer tools 0m
- Accessing Safari for the desktop debug features 1m
- Safari for the desktop debug features 1m
- User agent switcher 2m
- How the User Agent Switcher Works 1m
- Demo: User Agent Switcher 4m
- Web Inspector 1m
- Web Inspector: Scripts panel 2m
- Web Inspector: Profiles panel 2m
- Web Inspector: Profiles panel views 1m
- Web Inspector: Elements panel 2m
- Web Inspector: Resources panel 2m
- Demo: Web Inspector, Elements and Resources Panel 12m
- Web Inspector: Databases panel 0m
- Snippet Editor 2m
- Feature disabling 3m
- A few other possibilities 2m
- Summary 2m
- References 2m
Using the iUI open source framework
80mins
- Using the iUI open source framework 0m
- Course Overview 2m
- What is the iUI framework? 3m
- iUI File System Layout 1m
- Why is the iUI framework helpful? 2m
- Where does the iUI framework come from? 2m
- How does one use the iUI framework? 1m
- The challenge of creating the iPhone look and feel 1m
- Displaying app info: Edge-to-edge list 1m
- View edge-to-edge list demo 1m
- Displaying app info: Grouped table list 1m
- View grouped list demo 1m
- Getting started with the iUI framework 1m
- Adding iUI to a web site demo 2m
- Getting started with iUI: Files to reference 2m
- iUI application panels 1m
- Creating simple panels demo 2m
- iUI application panels: selected attribute 2m
- iUI application panels: id attribute 1m
- Common iUI formatting 1m
- Reviewing the iui.css file 2m
- Common iUI formatting: edge-to-edge 1m
- Common iUI formatting: edge-to-edge group 1m
- Common iUI formatting: grouped list 3m
- Common iUI formatting: grouped list headings 1m
- The iPhone toolbar 1m
- iPhone toolbar demo 1m
- iUI panel management 1m
- Local panels 3m
- Local panels demo 1m
- Local panel navigation demo 3m
- Server-based panels 1m
- Retrieving new panels from the server 1m
- New server panels demo 4m
- New versus updated panels 1m
- Updated panels demo 1m
- Adding content to an existing panel 2m
- Adding content to existing panel demo 3m
- Retrieving whole pages 2m
- Anchor tag handling decision tree 2m
- iPhone navigation and the toolbar 1m
- Toolbar members 1m
- Toolbar title demo 2m
- Toolbar members: Back button 1m
- Back button demo 1m
- Taking the toolbar a little further 1m
- Customizing toolbar title 1m
- Customizing toolbar title demo 2m
- Customizing back button 1m
- Customizing back button style demo 2m
- Customizing back button: hide button 1m
- Hide back button demo 1m
- Summary 2m
- References 1m
iPhone Extensions and Touch-Based Input
69mins
- Introduction 0m
- Overview 2m
- Touch-Based input 2m
- iPhone provides 3 levels of touch-based input 2m
- The simplicity of touch events 0m
- The complexity of touch events 1m
- Just the facts ma'am 0m
- Working with the Click event 1m
- Client event special considerations 3m
- Demo: Click Behavior 2m
- Understanding the mouse events 1m
- Mouse event paths 1m
- Mouse event paths...short-circuit 2m
- Demo: View Mouse Events 2m
- Gesture events 2m
- Understanding gesture characteristics 1m
- The GestureEvent object 4m
- Demo: Scale and Rotate with Gestures 9m
- The GestureEvent target property 2m
- Gestures and element click-ability 1m
- Demo: View Gesture Events 3m
- Touch Events - where the rubber meets the road 1m
- The complexity of touch events 1m
- Touch events 2m
- TouchEvent object 2m
- The Touch object 2m
- Common uses of touch events 2m
- Common uses of touch events (continued) 1m
- Demo: Touch and drag 6m
- Watch out for the gotcha's 3m
- Demo: View Touch Events 6m
- Summary 2m
- References 1m
The impact of the iUI framework on client-side script
67mins
- The impact of the iUI framework on client-side script 0m
- Course Overview 2m
- A Review: What is the iUI framework 1m
- Review of iUI concepts 1m
- Demo: iUI review 1m
- Understanding the iUI framework implementation 1m
- Primary iUI folders and files 1m
- Demo: Review iUI folders and files 1m
- Functionality behind the declarative behavior 1m
- Demo: The code that applies the panel title 1m
- Click event handlers 0m
- Click event (toggle handling) 1m
- Demo: The toggle click event handler code 1m
- Page navigation visual feedback 1m
- Click event (navigation visual feedback) 1m
- The iUI framework and page navigation 1m
- Demo: Navigation click event handler code 2m
- Handling panel navigation 1m
- The iUI class 2m
- Demo: Adding a custom panel navigation function 8m
- Other iUI class features 1m
- iUI events 2m
- Demo: Adding declarative right toolbar button support 7m
- iUI events and server-based panels 1m
- The beforeinsert and afterinsert events 2m
- Demo: Dynamic content with the beforeinsert event 6m
- Demo: Comparing beforeinsert and afterinsert events 3m
- Monitoring iUI Events 1m
- Demo: Monitoring iUI events 3m
- Changes in device orientation 2m
- iUI orientation handling 2m
- Demo: iUI orientation handling 4m
- Summary 3m
Interacting with iPhone platform services.
63mins
- Interacting with iPhone platform services 0m
- Overview 1m
- Taking advantage of the whole iPhone 1m
- Phone calls 2m
- Format detection and the DOM 1m
- Email 1m
- Texting 2m
- Customized URL handling 2m
- The Maps app and URL access 1m
- Maps Parameters 1m
- Demo: Accessing the iPhone Maps app with a URL 3m
- Device Demo: Accessing the iPhone Maps app with a URL 2m
- Media integration 1m
- iTunes 1m
- iTunes URLs 1m
- YouTube 1m
- Improving the YouTube experience 1m
- Demo: Accessing iTunes and YouTube with a URL 4m
- Device Demo: Accessing iTunes and YouTube with a URL 2m
- HTML Media Support 1m
- Media tag attributes 1m
- iPhone media considerations 1m
- Bandwidth 2m
- Video playback 2m
- Audio playback 1m
- HTML 5 media object model 1m
- Media behavior and events 1m
- Understanding downloading and playback events 2m
- Understanding media flow events 2m
- Demo: HTML media 10m
- Device Demo: HTML media 2m
- Take advantage of context-aware input 1m
- Context aware input 1m
- Context aware input (continued) 1m
- Summary 3m
- References 1m
About the author
Jim Wilson is president of JW Hedgehog, Inc., a consulting firm specializing in solutions for the Android, iOS, and Microsoft platforms. Jim has over 30 years of software engineering experience, with the past 15 years heavily focused on creating mobile device and location-based solutions. He has co-founded multiple software-related startups and has served in a consulting role at several more. After nearly a decade as a Microsoft Device Application Development MVP, Jim now focuses on developing A... more