Cover image for Learn to Build iPhone Web Apps with HTML, CSS and Javascript

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