O'Reilly logo

PhoneGap by Andrew Lunny

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

Time for action – Initial design and functionality

We remember from Chapter 1, Installing PhoneGap that PhoneGap apps are organized inside a www directory, with an index.html file as the starting point, so:

  1. Create a directory for our project—you_are_the_best—and inside there, create a www directory with an empty file called index.html.
  2. Fill out index.html with some HTML boilerplate and a positive initial message:
    <html>
      <head>
        <title>You Are The Best</title>
       </head>
      <body>
        You’re really great!
      </body>
    </html>
  3. Let's open that in Safari and see how it looks:
    Time for action – Initial design and functionality
  4. You'll notice I've resized Safari so it's fairly close to a smartphone sized-screen—it's an obvious ...

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

Start Free Trial

No credit card required