
Learn to build cross-platform mobile apps with PhoneGap, from setup and environment to core events and plugins like battery, camera, geolocation, and file system.
Phonegap is a free open source framework for building cross-platform mobile apps from a single codebase, using the Cordova engine and cloud build service to deploy to multiple platforms.
Explore the programming language used to develop phone apps, and learn how you can compile a website into an app while adding interactive features with familiar javascript code.
PhoneGap platform support spans Android versions, iOS, Windows Phone, BlackBerry 10, Firefox OS, Amazon Fire, and more, enabling cross-platform deployment and broader app compatibility.
Use the command line interface (CLI) to create, run, and build your phonegap apps across platforms, speeding development, reducing errors, and simplifying deployment via the command prompt.
Explore the PhoneGap project structure, from hooks and merges to platform, plugins, and ww folders, and learn how to manage files for a hello world project.
Explore how the global configuration file defines app options, platform specific settings, and where to locate these files, including Android menus, orientation, and splash screens.
Phonegap wraps JavaScript code into a native app, enabling cross-platform deployment to Android and iOS, acting like a web browser that runs offline with the built-in WebKit engine.
Install the JDK and Android SDK, then set up the java path and environment. Configure Android tools and Apache to deploy your PhoneGap app on Android.
Set up the iOS environment for Phonegap development by installing the code from the app store on a Mac OS X system, with notes on minimum requirements and alternate setups.
Set up the Windows Phone environment by installing the Windows Phone SDK on a 64-bit Windows 8 system, downloading Cordova, and creating templates for WP7 and WP8.
Install phonegap, create a Hello world project, and build or run it for a specific platform using the command prompt, covering android and other platforms.
Demonstrate the device ready and back button events in a phonegap app, showing the device ready event fires when the platform loads and the back button reacts to presses.
Implement menu button and search button events in a Phonegap app by wiring device ready listeners to handlers that insert status text when pressed.
Discover how pause and resume events trigger as the app goes to the background and returns, wiring device ready handlers and on resume logic in a PhoneGap app.
Understand phonegap 3.0's plugin system, install plugins via the command line interface, and explore api usage with examples like the camera api on Android, referencing Cordova IDs and official docs.
Explore the accelerometer API to read device motion in three dimensions, including x and z positions. Configure a watch with a 1-second frequency and handle success, failure, and touch events.
Explore the Phonegap battery API to monitor battery status, charging state, and level. Implement listeners for battery low and battery critical events after device ready.
Learn how to use the camera API to take photos or pull images from the gallery, source type, configure quality, encoding type, media type, dimensions, handling base64 data and errors.
Explore the Phonegap capture API to record audio, take photos, and capture video using device camera and microphone. Learn to handle success and error callbacks and manage media storage.
Learn how the compass API in a Phonegap app accesses the magnetic heading via the composite sensor, and how to watch and clear heading updates every second.
Learn how the Phonegap connection API uses navigator.connection.type to identify the current network state, including wifi, 2G/3G/4G, or no connection, and update the UI accordingly.
Learn to install and use the Cordova contacts API to create, save, find, and remove device contacts, including names, phone numbers, emails, and addresses.
Explore the device API to access hardware and software details, including the device version, name, platform, and unique ID, with a demo of the on-device ready event.
Explore the dialogs API in the Phonegap training to implement alert, confirm, and prompt dialogs, configure navigation, callbacks, and beeps, and test with a live demo.
Master the file api in PhoneGap by creating text files and folders, writing data, and understanding persistent versus temporary storage for in-app file management.
Learn to install and use the geolocation API to obtain the device's current position or watch position, set a timeout and high-accuracy options, and handle success and error callbacks.
Showcases using the globalization API to obtain the user’s preferred language and format date and time according to local preferences via device ready, get preferred language, and data string methods.
Use the in-app browser API in PhoneGap to open a URL either inside the app or in the system browser, with options like location and basic load events.
Explore the PhoneGap media API to record and play sound files, create a media object with a source location and callbacks, and control playback with play and stop.
Set the splash image in the configuration file for a Phonegap app, provide density-specific images, and hide the splash after the device ready event when the API finishes loading.
learn to insert the vibration API in a phonegap project by installing a plug-in and using navigator.vibrate for a desired duration, and explore third-party plug-ins.
Explore third party plugins for phonegap development, learn to locate, download, and install plugins via repository links, and integrate them into projects using the command line and browser workflows.
Choose the right mobile user interface framework by prioritizing performance, fluidity across screens, and cross-platform compatibility, with options like jquery mobile, onsen ui, ionic, and intel.
Learn practical PhoneGap tweaks to make your app feel native. Set viewport and scale, disable text selection, dragging, and anchor popouts, and boost performance with plugins and cloud builds.
Apply native-looking tweaks in Phonegap to fix the viewport, disable text selection and anchor pop-outs, prevent zooming, and optimize content width and density for device screens.
Conclude the Phonegap application development tutorial by learning to use and implement the Phonegap API, explore available options and features, and follow recommendations for further resources to build mobile apps.
You probably already know HTML, CSS, JavaScript and the basics of database-driven applications. In this course we put all of those tools to work to build a mobile application in PhoneGap for iOS, Windows Phone and Android devices.
PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about.
Topics include:
Welcome to the course "Building Mobile Apps Using Phone"