Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

O'Reilly logo
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:05
      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:36
      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:10
    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:19
      3. Week 4: Native Apps: Create the interface 00:27:52
      4. Week 4: Native Apps: Hook up the Play button 00:17:56
      5. Week 4: Native Apps: Add code to play the video 00:08:24
      6. Week 4: Native Apps: Add a home screen icon 00:01:25
      7. Week 4: Native Apps: Create an RSS-based app with Taplynx 00:10:14
      8. Week 4: Native Apps: Add a Twitter tab 00:09:27
      9. Week 4: Native Apps: Getting your native app on your iPhone 00:23:26