Learn to Build iPhone Apps with HTML, CSS, and JavaScript

Larger Cover

By Elisabeth Robson

Publisher: O'Reilly Media

Released: December 2009

Run time: 8 hours 8 minutes

Want to build iPhone apps with HTML, CSS, and JavaScript? When you purchase this product, you'll get access to the videos and other files associated with the Learn to Build iPhone Apps with HTML, CSS, and Javascript tutorial, including slide presentations and code examples. The sessions were presented live during January and early February 2010.

In this four-session video course, 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 -- without programming!
Learn how to build on your new-found iPhone web app development skills

About this Course and Sneak Peek Sample
1. About this video course and sneak peek sample (Free Preview) 22 minutes
Overview Week This video is a recording of the Overview Week presentation. We demo the apps we'll be building in Weeks 1 - 4, and review everything you need to get prepared for the rest of the course.
1. Class Apps and iPhone Simulator (Free Preview) 36 minutes
2. Extras: Cool Stuff for Designers (Free Preview) 2 minutes
Week One: iPhone Biz Card This week, we create an iPhone Business Card that consists of three web pages styled specifically for the iPhone. You'll learn about sizing and styling your pages for the iPhone, how to create iPhone-style lists, and how to use CSS Media Queries and Javascript to direct your users to pages customized for the iPhone. The package includes the recorded video, the presentation slides, the code for class, and two chapters from Head First HTML with CSS & XHTML.
1. Sizing your pages for the iPhone 20 minutes
2. CSS Media Queries 22 minutes
3. navigator.userAgent and redirecting for iPhone 12 minutes
4. Styling for the iPhone with CSS 9 minutes
5. Lists 13 minutes
6. Creating detail lists 12 minutes
7. Accessibility, other mobile browsers, Web apps, homework 8 minutes
Week Two: Design a Web App This week, we create a web app that consists of four web pages that allow users to make a call, send an email, find a location on a map, view videos, and submit a form. We'll look at how to remove the Safari chrome and add a web bookmark to the home screen, and some of the issues you'll need to consider when creating a web app.
1. CreativeTechs Web App 27 minutes
2. Tapping into iPhone Features 16 minutes
3. Three ways to link to video 12 minutes
4. Submit an email by form 8 minutes
5. Positioning the tabs 8 minutes
6. Getting more app-like 15 minutes
7. Web app usability 14 minutes
8. Homework 2 minutes
Week Three: Scripting and Libraries This week, we create a photo viewer app that responds to gestures that you'll learn how program yourself using Javascript. Then we'll take a look at two web app libraries you can use to build iPhone web apps: iUI and jQTouch.
1. Swipes and Slides 49 minutes
2. iUI 22 minutes
3. jQTouch 19 minutes
4. Homework 11 minutes
Week Four: Native Apps This week, we create a web app that consists of four web pages that allow users to make a call, send an email, find a location on a map, view videos, and submit a form. We'll look at how to remove the Safari chrome and add a web bookmark to the home screen, and some of the issues you'll need to consider when creating a web app.
1. iPad (Free Preview) 4 minutes
2. Build an app to play a video 15 minutes
3. Create the interface 27 minutes
4. Hook up the Play button 17 minutes
5. Add code to play the video 8 minutes
6. Add a home screen icon 1 minute
7. Create an RSS-based app with Taplynx 10 minutes
8. Add a Twitter tab 9 minutes
9. Getting your native app on your iPhone 23 minutes

Description

Table of Contents

Product Details

Recommended for You

Recently Viewed

Prototype Quick Reference

By Scott Raymond, Sergio Pereira

November 2006

Ebook: $9.99

Developing Java Beans

By Robert Englander

June 1997

Print: $29.95

Windows® 7 Inside Out

By Ed Bott, Carl Siechert, Craig Stinson

September 2009

Ebook: $39.99

Print & Ebook: $54.99

Print: $49.99

Customer Reviews

REVIEW SNAPSHOT®

by PowerReviews

O'Reilly Media Learn to Build iPhone Apps with HTML, CSS, and JavaScript

3.9

(based on 59 reviews)

84%

of respondents would recommend this to a friend.

Pros

Easy to understand (51)
Helpful examples (50)
Accurate (38)
Well-written (35)
Concise (34)

Cons

Too basic (12)
Not comprehensive enough (10)

Best Uses

Novice (42)
Intermediate (35)
Student (22)
Expert (8)

- Reviewer Profile:
- Developer (39), Designer (22), Sys admin (10), Maker (9), Educator (8)

Reviews

Reviewed by 59 customers

Sort by

Displaying reviews 1-10

Previous | Next »

3/5/2010

4.0

This was a great webinar

By MEG

from Pflugerville, Tx

About Me Designer, Developer, Educator, Maker, Sys Admin

Pros

Accurate
Concise
Easy to understand
Helpful examples
Well-written

Cons

Not for PCs

Best Uses

Intermediate
Novice
Student

Comments about O'Reilly Media Learn to Build iPhone Apps with HTML, CSS, and JavaScript:

This was a very good webinar. I learned a lot. My only issue (not your faulT0 is I am a PC person & do not have any Mac products.

2/19/2010

4.0

Quite Informative

By DC Apps

from Washington D.C.

About Me Designer

Pros

Accurate
Concise
Helpful examples

Cons

Should have been longer

Best Uses

Novice

Comments about O'Reilly Media Learn to Build iPhone Apps with HTML, CSS, and JavaScript:

I plan to set-up some events for my organization using the information I learned.

2/17/2010

5.0

building web apps for iPhone

By laurencez

from colorado springs

About Me Rogue student

Pros

Accurate
Concise
Easy to understand
Helpful examples
Well-written

Cons

Best Uses

Intermediate
Novice

Comments about O'Reilly Media Learn to Build iPhone Apps with HTML, CSS, and JavaScript:

I love beth and her teaching skills. For a novice she strives to make it clear and easy to follow. Yes, it is hard doing a review of CSS and HTML, but that is the best part for me. I get to understand why she does what she does and what goes where when placing files/ images.

I wish she taught a longer class, not time wise but week wise. Maybe 90 minutes a class over 10 weeks.( sorry beth).

Great for me and I know others got a lot out of it.

2/16/2010

5.0

Great intro to iPhone webapps

By bretperry

from Pasadena CA

About Me Designer, Developer

Pros

Accurate
Concise
Easy to understand
Helpful examples

Cons

Best Uses

Intermediate
Novice

Comments about O'Reilly Media Learn to Build iPhone Apps with HTML, CSS, and JavaScript:

A well-presented, clear and concise presentation that gets you going in the world of iPhone webapp design/coding.

More for beginners/programming novices, but useful for anyone on their first venture into iPhone webapps.

Won't overwhelm you if you are new to coding.

2/16/2010

2.0

Mobile applications for Web Newbies

By web inhabitant

from Germany

About Me Developer

Pros

Easy to understand
Helpful examples

Cons

Boring
Lengthy
Too basic

Best Uses

Novice
Student

Comments about O'Reilly Media Learn to Build iPhone Apps with HTML, CSS, and JavaScript:

This product is only interesting if you have not written any HTML/CSS/JavaScript, before. The description at the invitation link said that all of these are a prerequisite. They were not. It took a long time to explain all these from the beginning.
For somebody, who had the announced knowledge, most of the webinar was boring and lengthy.

2/11/2010

5.0

Warm, welcoming intro, even 4 newbies!

By HD

from Northern New Jersey

About Me Educator

Pros

Accurate
Concise
Easy to understand
Helpful examples
Well-written

Cons

Best Uses

Intermediate
Novice
Student

Comments about O'Reilly Media Learn to Build iPhone Apps with HTML, CSS, and JavaScript:

This course will teach you how to build basic apps. Even if you don't know anything about it at all, you WILL build a few simple (very simple) things for the iphone (and ipad!) as a result of this course.
Ms. Robson (the instructor) is very knowledgeable and incredibly prepared. The material is explained very well, the tutorials are pleasant to watch, and the support materials help pull the info in the videos all together just right.
If you are new to building apps (or even new to building anything) it will take a little work, but everything you need is there to reach success.
The only thing that you have to keep in mind is that there are some small parts of the projects included here that are great for teaching purposes (simplified) but not for real-world use. There are ways to secure your new sites, however, addressing security issues would introduce larger projects than the scope of this beginner course. You will learn a lot (really, a lot) but once you push your way through the material and make your creation, just be sure to get a little advice from someone who is security savvy before actually hosting it.
So long as you approach this course with that in mind, this is a highly informative starter course. I would recommend it.

2/10/2010

1.0

Marketing stuff. not for first timers

By iSeller

from San Jose, CA

About Me Developer, Sys Admin

Pros

Nothing I could think of

Cons

Marketing stuff
Not comprehensive enough
Too basic

Best Uses

No One

Comments about O'Reilly Media Learn to Build iPhone Apps with HTML, CSS, and JavaScript:

Selling the presentations and the lessons was cheap. as is the content was not that great. More than introducing the content, the marketing was more to sell it. The content was not engaging at all.

2/10/2010

4.0

I found the classes informative

By adeziner

from Hayward, CA

About Me Designer, Developer

Pros

Accurate
Easy to understand
Helpful examples

Cons

Best Uses

Expert
Intermediate

Comments about O'Reilly Media Learn to Build iPhone Apps with HTML, CSS, and JavaScript:

This web seminar was instructed by knowledgeable people that were willing to accommodate all levels of learners.

2/10/2010

4.0

come on in, the water's fine...

By EAJewett

from Oxford, OH

About Me Sys Admin

Pros

Accurate
Easy to understand
Helpful examples

Cons

Best Uses

Intermediate
Novice

Comments about O'Reilly Media Learn to Build iPhone Apps with HTML, CSS, and JavaScript:

This was a unique way to learn a hot topic: very interactive, very fluid. While the presenters had things to accomplish in each session, there was a definite give-and-take with the (multiple) audiences.
I'm a fan of Elisabeth's high-energy presentation from the Head First series. This takes that approach to the next level. Start with small & easy and build but keep it fun all the way through.

2/10/2010

4.0

Brain Friendly

By dean

from seattle

About Me Html hack, Photographer

Pros

Easy to understand
Helpful examples
Well-written

Cons

Best Uses

Expert
Intermediate
Novice
Student

Comments about O'Reilly Media Learn to Build iPhone Apps with HTML, CSS, and JavaScript:

The course builds very nicely from week to week, very clear. Start with basic html/css and make something cool for the iPhone right away. Then get some powerful tools with good instructions about how to use them.

This course is really well designed to help you design web pages and web apps for the iPhone and other phones. Then you get a very clear introduction to what goes into making native apps for the iPhone.

Displaying reviews 1-10

Previous | Next »