What’s PhoneGap   Why’s it AwesomeHow to use it w/ Facebook
PhoneGap === Cordovahttp://github.com/apache/incubator-cordova-*
PhoneGap Pattern1. Embed a chromeless browser in a native app2. Create a “bridge” between the browser and the native code ...
Write once debug everywhere
Take note•   HTML, JS, CSS etc included in app package•   HTML loaded on file:// URI scheme, no cross domain request    res...
Supported PlatformsiOS >= 3.2Android >= 1.5BlackBerry >= 4.6webOS >= 1.4.5Symbian >= 1Windows Phone >= 7.5Samsung Bada = 1
MIT/BSD/APACHE
Community
Contributors       PhoneGap         -- ohloh.net
Trends    PhoneGap
Community Stuff800,000     30,000     40+       50+          800,000downloads   messages   tools   contributors   visits/m...
Contributors•   Adobe•   IBM•   Microsoft•   RIM•   HP/Palm•   Salesforce.com
Thousands of Apps
Users•   Alcatel-Lucent•   Zynga•   Microsoft•   Travelocity•   Vodafone•   Wikipedia
Traction•   ~15,000 PhoneGap apps in the App Store•   Most popular categories?    •   medical    •   news    •   business
Governance
PhoneGap === Cordovahttp://github.com/apache/incubator-cordova-*
Mobile first!
HTML(5)
HTML(5)
Setup the Viewport
CSS3-webkit-transform:  translate3d(x,y,z) scale3D(1,1,1.0)
CSS Media Queries
Media Values•   all•   max-device-width: 480px•   min-device-width: 481px•   orientation: portrait•   -webkit-min-device-p...
General Tricks•   window.devicePixelRatio
Startup
The Future•   Tooling•   WebGL•   Facebook / LinkedIn / Walmart use case•   Continue polyfilling HTML5
PhoneGap APIs•   Sensors•   Data•   Events               http://docs.phonegap.com
Tooling•   Use any IDE•   Use the platform emulators (at your peril)•   Use Ripple emulator•   Use Web Inspector Remote (W...
Libraries•   DOM•   Testing•   Style / GUI•   Persistence
Plugins
How aboot some code?
http://tiny.cc/pg-fb
project resources                    phonegap.com                    docs.phonegap.com                    wiki.phonegap.co...
PhoneGap at Facebook Mobile Hack
PhoneGap at Facebook Mobile Hack
PhoneGap at Facebook Mobile Hack
PhoneGap at Facebook Mobile Hack
PhoneGap at Facebook Mobile Hack
PhoneGap at Facebook Mobile Hack
PhoneGap at Facebook Mobile Hack
Upcoming SlideShare
Loading in …5
×

PhoneGap at Facebook Mobile Hack

4,467 views

Published on

Dave Johnson speaks about PhoneGap and how to use it with Facebook.

Published in: Technology
1 Comment
13 Likes
Statistics
Notes
  • Free Download : http://gg.gg/114bb

    Hey Guyz and girls, Today I am gonna show you perfact tool, Remember This video is old, But the download link with hack is brand new. Its very simple to using this tool and here are some instructions in video. Please REDOWNLOAD. Don't Forget to Comment Subscribe & Rate My Video :)

    Virus Scan :- This file has been scanned with avast! Antivirus. -- Status: FILE IS CLEANN.

    Copyright © 2014. All Rights Reserved
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
4,467
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
98
Comments
1
Likes
13
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • This approach lets you write once run anywhere\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Guess which line represents the phonegap project?\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Sure but why do you own a chumby anyhow? In all seriousness it could work on Chumby if it wasn’t flash based :/\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Bring it all together\n
  • A lot of people like to call this HTML5 for lack of a better term.\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • PhoneGap at Facebook Mobile Hack

    1. 1. What’s PhoneGap Why’s it AwesomeHow to use it w/ Facebook
    2. 2. PhoneGap === Cordovahttp://github.com/apache/incubator-cordova-*
    3. 3. PhoneGap Pattern1. Embed a chromeless browser in a native app2. Create a “bridge” between the browser and the native code providing access to native APIs3. Write a web app4. Package the web app with the native code and deploy to devices!
    4. 4. Write once debug everywhere
    5. 5. Take note• HTML, JS, CSS etc included in app package• HTML loaded on file:// URI scheme, no cross domain request restrictions• Engineering wise, approach is simple to extend to new platforms
    6. 6. Supported PlatformsiOS >= 3.2Android >= 1.5BlackBerry >= 4.6webOS >= 1.4.5Symbian >= 1Windows Phone >= 7.5Samsung Bada = 1
    7. 7. MIT/BSD/APACHE
    8. 8. Community
    9. 9. Contributors PhoneGap -- ohloh.net
    10. 10. Trends PhoneGap
    11. 11. Community Stuff800,000 30,000 40+ 50+ 800,000downloads messages tools contributors visits/month
    12. 12. Contributors• Adobe• IBM• Microsoft• RIM• HP/Palm• Salesforce.com
    13. 13. Thousands of Apps
    14. 14. Users• Alcatel-Lucent• Zynga• Microsoft• Travelocity• Vodafone• Wikipedia
    15. 15. Traction• ~15,000 PhoneGap apps in the App Store• Most popular categories? • medical • news • business
    16. 16. Governance
    17. 17. PhoneGap === Cordovahttp://github.com/apache/incubator-cordova-*
    18. 18. Mobile first!
    19. 19. HTML(5)
    20. 20. HTML(5)
    21. 21. Setup the Viewport
    22. 22. CSS3-webkit-transform: translate3d(x,y,z) scale3D(1,1,1.0)
    23. 23. CSS Media Queries
    24. 24. Media Values• all• max-device-width: 480px• min-device-width: 481px• orientation: portrait• -webkit-min-device-pixel-ration: 2
    25. 25. General Tricks• window.devicePixelRatio
    26. 26. Startup
    27. 27. The Future• Tooling• WebGL• Facebook / LinkedIn / Walmart use case• Continue polyfilling HTML5
    28. 28. PhoneGap APIs• Sensors• Data• Events http://docs.phonegap.com
    29. 29. Tooling• Use any IDE• Use the platform emulators (at your peril)• Use Ripple emulator• Use Web Inspector Remote (Weinre)• Console.log and alert =(
    30. 30. Libraries• DOM• Testing• Style / GUI• Persistence
    31. 31. Plugins
    32. 32. How aboot some code?
    33. 33. http://tiny.cc/pg-fb
    34. 34. project resources phonegap.com docs.phonegap.com wiki.phonegap.com github.com/callback groups.google.com/group/phonegap #phonegap on freenode @phonegap @davejohnson thanks!

    ×