You are previewing Learn to Build iPhone Web Apps with HTML, CSS and Javascript, one of over 35,000 titles on Safari
O'Reilly logoAbout Safari & O’Reilly
Learn to Build iPhone Web Apps with HTML, CSS and Javascript

Video Description

In this four-session video workshop, you'll quickly learn how to create simple web apps with features that take advantage of the device's remarkable functionality. You'll also learn to use Apple's tools to create native Cocoa-based iPhone apps. Each video session offers an easy-to-follow, hands-on lesson. It's the perfect way to get started with iPhone app design.

Presented by CreativeTechs in partnership with O'Reilly, each session offers easy-to-follow, hands-on lessons. You'll begin the course by building iPhone apps with standard web tools, then you'll learn how to create native Cocoa-based iPhone apps using Apple's tools. It's the perfect way to get started with iPhone app design, and all you need to know in advance is HTML, CSS, and JavaScript basics.

  • Build working web apps for the iPhone, using HTML and CSS web standards

  • Learn what a mobile web app is and how it differs from a native iPhone app

  • Create gestures and animation using JavaScript and the iUI and jQTouch libraries

  • Integrate your web app with several iPhone features

  • Build simple native iPhone apps using the TapLynx library

  • Learn how to build on your new-found iPhone web app development skills

  • Table of Contents

    1. Sneak Peek
      1. About this video course and sneak peek sample
    2. Jan 5, Overview - Get Ready for Class
      1. Overview Week: Get Ready for Class: Class Apps and iPhone Simulator
      2. Overview Week: Get Ready for Class: Extras: Cool Stuff for Designers
    3. Jan 12, Week 1 - Your iPhone Biz Card
      1. Week 1: iPhone Biz Card: Sizing your pages for the iPhone
      2. Week 1: CSS Media Queries
      3. Week 1: iPhone Biz Card: navigator.userAgent and redirecting for iPhone
      4. Week 1: iPhone Biz Card: Styling for the iPhone with CSS
      5. Week 1: iPhone Biz Card: Lists
      6. Week 1: iPhone Biz Card: Creating detail lists
      7. Week 1: iPhone Biz Card:Accessibility, other mobile browsers, Web apps, homework
    4. Jan 19, Week 2 - A Simple Web App
      1. Week 2: Design a Web App: CreativeTechs Web App
      2. Week 2: Design a Web App: Tapping into iPhone Features
      3. Week 2: Design a Web App: Three ways to link to video
      4. Week 2: Design a Web App: Submit an email by form
      5. Week 2: Design a Web App: Positioning the tabs
      6. Week 2: Design a Web App: Getting more app-like
      7. Week 2: Design a Web App: Web app usability
      8. Week 2: Design a Web App: Homework
    5. Jan 26, Week 3 - Interactive Scripts
      1. Week 3: Scripting and Libraries: Swipes and Slides
      2. Week 3: Scripting and Libraries: iUI
      3. Week 3: Scripting and Libraries: jQTouch
      4. Week 3: Scripting and Libraries: Homework
    6. Feb 2, Week 4 - iPhone Native Apps
      1. Week 4: Native Apps: iPad
      2. Week 4: Native Apps: Build an app to play a video
      3. Week 4: Native Apps: Create the interface
      4. Week 4: Native Apps: Hook up the Play button
      5. Week 4: Native Apps: Add code to play the video
      6. Week 4: Native Apps: Add a home screen icon
      7. Week 4: Native Apps: Create an RSS-based app with Taplynx
      8. Week 4: Native Apps: Add a Twitter tab
      9. Week 4: Native Apps: Getting your native app on your iPhone