PhoneGap and Cordova Training Course

Who should attend

Software developers and designers with existing HTML / CSS / JavaScript skills who would like to harness the power of the free open-source PhoneGap framework to develop and deploy mobile apps to a variety of platforms from one codebase.

Prerequisites

To get the most from this course, delegates need a good understanding of HTML / CSS and JavaScript, and an appreciation of the current Mobile ecosystem. Please let us know if you need any help getting up to speed in any of these areas.

On-site / In-house

Please get in touch if you are looking for custom PhoneGap training (either on-site at your offices, or off-site as a closed course for your team). We can look at the types of app you're looking to build in PhoneGap and tailor the course to maybe even get some usable code in place by the end of the course!

Please let us know if you are looking to target platforms other than iOS or Android (e.g. Windows 10 Mobile or Blackberry 10).

PhoneGap Training Course Syllabus

Before you start: Essential Skills for PhoneGap Development

• Overview of HTML, CSS and JavaScript
• jQuery and jQueryUI frameworks
• jQuery Mobile
• Blackberry UI framework
• AJAX
• JSON Data
• Dealing with Local Storage
• Navigation patterns and techniques

Introducing Cross-Platform Single Codebase App Development

• Explaining PhoneGap and Cordova
• The development workflow
• Capabilities and limitations

PhoneGap Development Environment

• Installing the tools
  • Setting up XCode for iOS App development (requires an Apple Mac)
  • Setting up Android SDK for Android App development (Windows, Mac or Linux)
  • Setting up for Windows App development (requires a Windows PC)
  • PhoneGap Build: creating iOS and Android Apps from any development platform
• Simple code editing tools
• Optional emulators
• Connecting to real devices over USB or via the PhonaGap app

Scaffolding Application Architecture

• Simple command-line procedures
• Building an app from scratch by hand
• Modular development practices
• Debugging techniques

PhoneGap Performance and Security

• Coding for the best performance
• Avoiding performance bottle-necks
• Considering bandwidth and battery life
• App permissions and security
• Ensuring app and assets are secure and trustworthy

Device Sensors

• Accessing motion and gyroscope
• Coding for Geolocation apps
• Camera, microphone and other sensors

Using Plugins with PhoneGap

• Installing optional plugins to access device features
• Keeping code up to date
• Popular and reliable plugins

PhoneGap Application Life-cycle Events

• Responding to pause, resume and destroy events
• Dealing with interruptions such as calls and messages
• Detecting and responding to network availability

Media

• Using images at different resolutions
• Providing compatible audio and video assets

Alerts and Notification

• Customizing alert buttons and outcomes
• Creating native notifications and toasts

Overview of PhoneGap App Design

• Typical design decisions
• Using Fonts and Glyphs
• Design furniture: CSS sprites
• Responding to Screen Capabilities and Orientation
• Choosing between platform default and corporate design across platforms

Accessing Data

• Using AJAX to load external data
• Persisting data locally on the device
• Security concerns and approaches

Publishing PhoneGap Apps

• Understanding the configuration options for each platform
• Important files and decisions
• Apple, Android and Windows developer accounts
• Certificates, keys and the digital signing process
• Other API keys you might need: maps etc.