7. What is it?
• PhoneGap == Cordova
• PhoneGap Build is a whole different thing
• Open Source Apache Project
• Builds apps from the same* code for different platforms
8.
9. How it works
• Packaged HTML, CSS & JavaScript
• Interface APIs for native functionality
• Compiled using mobile dev tools du platform
• Rendered in WebView on mobile
14. Before you can app it up…
• You need the developer tools for your mobile platform
installed:
• Android SDK for Android / Amazon Fire
• Xcode for iOS
• BlackBerry WebWorks SDK
• Visual Studio 2013 Express for Windows Phone
• You may need a developer account (iOS)
15. $ cordova platform add android
$ cordova run android
Getting Started with Android
18. Inside a Cordova Project
• /config.xml - main config file for your Cordova App
• /www/ - web root for your app (html, css, js, images, etc.)
• /plugins/ - any plugins you want to use
• /platforms/ - configs & assets for specific platforms
• /hooks/ - scripts to do stuff at various points in the build
19. Plugins!
• All device APIs are plugins
• Disabled by default
• Install using the CLI for cross platform apps
or
• Install using Plugman for single platform apps
20. Plugins - search and install
$ cordova plugins search bar code
$ cordova plugins add name.of.plugin
21. Inside your app
• Always load cordova.js
• Load assets using relative urls
• Use an SPA approach
• If using jQuery, use onDeviceReady: function() not document.ready