PhoneGap Build Fundamentals

This course will teach you the fundamentals of creating cross-platform mobile apps using Adobe's PhoneGap Build cloud service and HTML, CSS, and JavaScript.
Course info
Level
Beginner
Updated
Jul 11, 2017
Duration
2h 34m
Table of contents
Description
Course info
Level
Beginner
Updated
Jul 11, 2017
Duration
2h 34m
Description

The demand for mobile application developers is extremely high. However, learning each platform's native programming language and toolsets can be a significant, time consuming challenge. Fortunately, there's a better way! In this course, PhoneGap Build Fundamentals, you will reuse your existing HTML, CSS, and JavaScript skills to create mobile apps. Leveraging Adobe's PhoneGap Build cloud service, you'll build a complete app from scratch that is app store-ready. First, the course will cover the structure and configuration of a web-based mobile app. Next, you'll discover how to make the app feel native by adding plugins, how to test on mobile devices, and how to troubleshoot real world issues that may arise. Finally, you'll learn the entire app store submission process, from signing up for a developer account to releasing an app on all the major platforms. By the end of this course, you'll be comfortable creating professional, web-based mobile applications using PhoneGap Build.

About the author
About the author

Matt Netkow is a full stack developer consultant for Slalom, a purpose-driven consulting firm that helps companies solve business problems and build for the future. With over 10+ years of professional experience, he specializes in .NET enterprise solutions and cross-platform web-based mobile application development.

Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone. My name is Matt Netkow, and welcome to my Pluralsight course, PhoneGap Build Fundamentals. I am a full stack developer consultant at Slalom. The demand for mobile application developers is extremely high. Unfortunately, learning each platform's native programming language and toolsets can be a significant, time-consuming challenge. Fortunately, there's a better way. In this course we are going to use Adobe's PhoneGap Build Cloud service along with web technologies such as HTML, CSS, and JavaScript to create mobile apps. Some of the major topics include structure and configuration. How do the HTML, CSS, and JavaScript pieces fit together? Plugins. See how to take an app beyond the web and give it a native feel by leveraging mobile device hardware capabilities. Device testing and tooling. Learn the process of testing the app in a web browser as well as on mobile devices. Troubleshooting. Review techniques and best practices for resolving PhoneGap Build, platform specific and app specific issues. And finally, the best part. App store submission. Walk through the entire process from signing up for a developer account to releasing an app on all the major platforms. By the end of this course you'll be comfortable creating professional web-based mobile applications. Before beginning the course you should be familiar with the basics of HTML, CSS, and JavaScript. I hope you'll join me to learn how to leverage your web technology skills to create mobile apps with the PhoneGap Build Fundamentals course at Pluralsight.

Sample Application
Let's review the sample application that we'll be building throughout the course. After viewing this module you'll be ready to jump right into creating PhoneGap Build powered apps. We'll begin by discussing the structure of a PhoneGap app. PhoneGap Build apps are assumed to have a particular layout so it's important to understand this before getting started. I've created a PhoneGap Build starter template useful for new projects. You can find it in this module's exercise files. Next, we'll look at the individual HTML, CSS, and JavaScript files I've included in the sample app. After that, I'll give a brief overview of KendoUI Mobile, a mobile framework that I've included in the sample app. KendoUI helps us by providing common UI styles and takes care of common layout elements. In the last portion of this module I'll demonstrate how easy it is to upload the app to the PhoneGap Build service.

Configuration
PhoneGap Build has a broad range of configuration options. Let's review the important ones. In this module I'll walk through all of the major configuration options, discussing pros and cons based on my experience. We'll begin with a high-level overview discussing the layout and structure of a PhoneGap Build configuration file. Next we'll dig more into specifics beginning with preferences. Preferences dictate platform-specific options such as supported layouts and device types. After that, we'll talk about icons and splash screens, which play an important part in the creation of a successful app. In the last section of this module we'll discuss features, plugins, and resource access. After covering this important section of the PhoneGap Build service, you'll be ready to get started building your own apps quickly.

Device Testing and Tools
Now that we have a working app, tested and debugged locally in a web browser, the next step is of course to test it on a real device such as a smartphone or a tablet. In this module we'll review all the tools that PhoneGap Build provides. First, we'll look at the variety of ways to take the app file that PhoneGap Build creates and copy it onto a device. Next, PhoneGap Build's remote debugging tool will be covered. With the simple configuration setting turned on, you can debug your app in the cloud. After that, Android and iOS specific local debugging techniques are reviewed. You'll often use debugging tools to solve an issue and then we'll want to push your code changes back into the app. Normally you'd have to upload, compile, and redeploy a new app version. With PhoneGap Build's hydration feature, changes can be deployed a lot faster. In the last portion of this module we'll discuss a couple of great options for teams, Build's collaboration features. A special last note to mention. Android and other platforms such as Windows Phone let you build and test apps without uploading certificates to PhoneGap Build first, but Apple's iOS does not. Review the iOS certificate's clip in the app store submission module before continuing here, if you wish to test on an iOS device first.

Troubleshooting
As you've learned so far in this course, much of the process of successfully creating a hybrid mobile app goes way beyond writing code. There is configuration, device testing, app store submission, and resolving issues that arise from each of these tasks. In this module we'll cover techniques and best practices for troubleshooting PhoneGap Build and app-specific issues. There's a variety of common issues that you'll encounter in your usage of PhoneGap Build and beyond. The first involves failed builds with causes including PhoneGap Build itself, incorrect configuration values, and specific platform issues. Then there are plugin issues. Sometimes for example, a plugin is not compatible with a newer version of PhoneGap. Next we'll touch upon some common app-specific issues that I've encountered myself and noticed others struggle with online. Last, we'll examine strategies for what to do if you are still stuck with any of these types of issues after reviewing my suggestions.