Cover image for 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
        00:22:31
    2. Jan 5, Overview - Get Ready for Class
      1. Overview Week: Get Ready for Class: Class Apps and iPhone Simulator
        00:36:51
      2. Overview Week: Get Ready for Class: Extras: Cool Stuff for Designers
        00:02:27
    3. Jan 12, Week 1 - Your iPhone Biz Card
      1. Week 1: iPhone Biz Card: Sizing your pages for the iPhone
        00:20:42
      2. Week 1: CSS Media Queries
        00:22:29
      3. Week 1: iPhone Biz Card: navigator.userAgent and redirecting for iPhone
        00:12:04
      4. Week 1: iPhone Biz Card: Styling for the iPhone with CSS
        00:09:40
      5. Week 1: iPhone Biz Card: Lists
        00:13:11
      6. Week 1: iPhone Biz Card: Creating detail lists
        00:12:15
      7. Week 1: iPhone Biz Card:Accessibility, other mobile browsers, Web apps, homework
        00:08:54
    4. Jan 19, Week 2 - A Simple Web App
      1. Week 2: Design a Web App: CreativeTechs Web App
        00:27:20
      2. Week 2: Design a Web App: Tapping into iPhone Features
        00:16:59
      3. Week 2: Design a Web App: Three ways to link to video
        00:12:35
      4. Week 2: Design a Web App: Submit an email by form
        00:08:35
      5. Week 2: Design a Web App: Positioning the tabs
        00:08:19
      6. Week 2: Design a Web App: Getting more app-like
        00:15:23
      7. Week 2: Design a Web App: Web app usability
        00:14:47
      8. Week 2: Design a Web App: Homework
        00:02:31
    5. Jan 26, Week 3 - Interactive Scripts
      1. Week 3: Scripting and Libraries: Swipes and Slides
        00:49:46
      2. Week 3: Scripting and Libraries: iUI
        00:22:01
      3. Week 3: Scripting and Libraries: jQTouch
        00:19:49
      4. Week 3: Scripting and Libraries: Homework
        00:11:09
    6. Feb 2, Week 4 - iPhone Native Apps
      1. Week 4: Native Apps: iPad
        00:04:14
      2. Week 4: Native Apps: Build an app to play a video
        00:15:18
      3. Week 4: Native Apps: Create the interface
        00:27:52
      4. Week 4: Native Apps: Hook up the Play button
        00:17:55
      5. Week 4: Native Apps: Add code to play the video
        00:08:23
      6. Week 4: Native Apps: Add a home screen icon
        00:01:24
      7. Week 4: Native Apps: Create an RSS-based app with Taplynx
        00:10:13
      8. Week 4: Native Apps: Add a Twitter tab
        00:09:26
      9. Week 4: Native Apps: Getting your native app on your iPhone
        00:23:26