Your SlideShare is downloading. ×
0
Building Mobile Apps with
HTML, CSS, and JavaScript
        Jonathan Stark
Huge & Growing

• ~4.6 billion cell phone subscriptions
• Smart phone share at 15%
• 56% of public Wi‑Fi connections were ...
Mobile Apps
Types of Mobile Apps

• Native apps
• Web apps
• Cmd line apps
Types of Mobile Apps

• Native apps - Fragmentation
• Web apps - Sandboxing
• Cmd line apps - Discoverability
Types of Mobile Apps


The approach that is best for you depends
    on your goals and target market.
Web Apps Win

• Cheapest to produce
• Most standardized
• Easiest to distribute
jQTouch

• jQuery plugin
• Created by @DavidKaneda
• Native CSS3 Animations
• and tons more...
jQTouch


  Demo
Native vs Web
Considerations
                Native   Web   Depends
Cosmetics        X
Functionality    X
Development                   ...
Hybrid Apps

PhoneGap gives developers the
     best of both worlds.
PhoneGap

• Open source
• Created by @Nitobi
• Native app wrapper
• Multiple platforms
Considerations
                Native   Web   Depends
Cosmetics        X
Functionality    X
Development                   ...
Considerations
                Native   Web+PG   Depends
Cosmetics        X
Functionality                       X
Developm...
PhoneGap


   Demo
Conclusion


"If you can build your app with HTML, CSS,
 and JavaScript, then you probably should."
             - Jonatha...
More Info

• http://jonathanstark.com/books
• http://jonathanstark.com/contact
• http://jonathanstark.com/wdx
Upcoming SlideShare
Loading in...5
×

Building Mobile Apps with HTML, CSS, and JavaScript

6,617

Published on

Published in: Technology
0 Comments
14 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
6,617
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
174
Comments
0
Likes
14
Embeds 0
No embeds

No notes for slide
  • Hi I’m Jonathan Stark. I’m a software consultant from Providence RI. I do mobile app strategy, design, and development.
  • Preaching to the choir, but I want to start with the big picture. Mobile is huge and its growth is accelerating:
    - Cell phone subscriptions to hit 5 billion on 2010
    - 15% of phones sold in 2009 were smart phones
    - 56% of public Wi‑Fi connections in 2009 were from mobile devices

  • The entry point into the mobile space is apps

  • There are three types of mobile apps that I think will remain relevant for a long time:
    - Native apps (e.g. WebEx, SalesForce)
    - Web apps (e.g. Gmail, Google Calendar)
    - Command line apps (e.g. Google SMS, Twitter, Aardvark)

  • We could debate the pros and cons of each approach all day long. Ultimately, each has a glaring achilles heel.
  • The right one for you depends on your situation:
    - Selling iPhone cases in U.S.? Native app
    - Selling office supplies in North America? Web app
    - Providing banking services in rural China? SMS app

  • I typically work with corporate clients who are trying to reach a really broad market with their apps. They want to be on iPhone, Android, and Blackberry at least.

    - Platform is easy to learn, most orgs have web talent in house already.
    - Web is a proven, stabile platform that works reasonably well across the widest range of devices.
    - Host your app and email out the links.
    - No approval process, no multiple app stores, no delay on bug fixes.

  • There are a number of javascript libraries that make building mobile web apps a lot easier. iUI was the first, but my lib of choice is jQTouch.

  • I want to drill down on a native vs web for a second because I know that there is a lot of confusion there.
  • Web apps can run 100% offline.
  • Actually, you don’t have to really pick between native and web. Single code base that can be deployed as a standalone web app AND deployed with addition functionality through the various app stores.
  • Cross platform mobile framework for building native mobile applications with html, css, and javascript.



  • I think this is the most pragmatic approach. If nothing else, it’s the most flexible. And the way things are growing at this point, flexibility is of the utmost importance.
  • Mention iPhone book signing and OFPS sites
  • Transcript of "Building Mobile Apps with HTML, CSS, and JavaScript"

    1. 1. Building Mobile Apps with HTML, CSS, and JavaScript Jonathan Stark
    2. 2. Huge & Growing • ~4.6 billion cell phone subscriptions • Smart phone share at 15% • 56% of public Wi‑Fi connections were from mobile devices
    3. 3. Mobile Apps
    4. 4. Types of Mobile Apps • Native apps • Web apps • Cmd line apps
    5. 5. Types of Mobile Apps • Native apps - Fragmentation • Web apps - Sandboxing • Cmd line apps - Discoverability
    6. 6. Types of Mobile Apps The approach that is best for you depends on your goals and target market.
    7. 7. Web Apps Win • Cheapest to produce • Most standardized • Easiest to distribute
    8. 8. jQTouch • jQuery plugin • Created by @DavidKaneda • Native CSS3 Animations • and tons more...
    9. 9. jQTouch Demo
    10. 10. Native vs Web
    11. 11. Considerations Native Web Depends Cosmetics X Functionality X Development X Testing X Distribution X Payment X Support X
    12. 12. Hybrid Apps PhoneGap gives developers the best of both worlds.
    13. 13. PhoneGap • Open source • Created by @Nitobi • Native app wrapper • Multiple platforms
    14. 14. Considerations Native Web Depends Cosmetics X Functionality X Development X Testing X Distribution X Payment X Support X
    15. 15. Considerations Native Web+PG Depends Cosmetics X Functionality X Development X Testing X Distribution X Payment X Support X
    16. 16. PhoneGap Demo
    17. 17. Conclusion "If you can build your app with HTML, CSS, and JavaScript, then you probably should." - Jonathan Stark
    18. 18. More Info • http://jonathanstark.com/books • http://jonathanstark.com/contact • http://jonathanstark.com/wdx
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×