Your SlideShare is downloading. ×
  • Like
PhoneGap at Facebook Mobile Hack
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

PhoneGap at Facebook Mobile Hack

  • 3,749 views
Published

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

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

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • 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
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
3,749
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
94
Comments
1
Likes
12

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    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

Transcript

  • 1. What’s PhoneGap Why’s it AwesomeHow to use it w/ Facebook
  • 2. PhoneGap === Cordovahttp://github.com/apache/incubator-cordova-*
  • 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. Write once debug everywhere
  • 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. Supported PlatformsiOS >= 3.2Android >= 1.5BlackBerry >= 4.6webOS >= 1.4.5Symbian >= 1Windows Phone >= 7.5Samsung Bada = 1
  • 7. MIT/BSD/APACHE
  • 8. Community
  • 9. Contributors PhoneGap -- ohloh.net
  • 10. Trends PhoneGap
  • 11. Community Stuff800,000 30,000 40+ 50+ 800,000downloads messages tools contributors visits/month
  • 12. Contributors• Adobe• IBM• Microsoft• RIM• HP/Palm• Salesforce.com
  • 13. Thousands of Apps
  • 14. Users• Alcatel-Lucent• Zynga• Microsoft• Travelocity• Vodafone• Wikipedia
  • 15. Traction• ~15,000 PhoneGap apps in the App Store• Most popular categories? • medical • news • business
  • 16. Governance
  • 17. PhoneGap === Cordovahttp://github.com/apache/incubator-cordova-*
  • 18. Mobile first!
  • 19. HTML(5)
  • 20. HTML(5)
  • 21. Setup the Viewport
  • 22. CSS3-webkit-transform: translate3d(x,y,z) scale3D(1,1,1.0)
  • 23. CSS Media Queries
  • 24. Media Values• all• max-device-width: 480px• min-device-width: 481px• orientation: portrait• -webkit-min-device-pixel-ration: 2
  • 25. General Tricks• window.devicePixelRatio
  • 26. Startup
  • 27. The Future• Tooling• WebGL• Facebook / LinkedIn / Walmart use case• Continue polyfilling HTML5
  • 28. PhoneGap APIs• Sensors• Data• Events http://docs.phonegap.com
  • 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. Libraries• DOM• Testing• Style / GUI• Persistence
  • 31. Plugins
  • 32. How aboot some code?
  • 33. http://tiny.cc/pg-fb
  • 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!