Being able to develop for multiple platforms with a single code base means less time and money spent on development, in addition to easier future maintenance. The wide support for web technologies, the powerful layout engine provided by HTML5/CSS, and the flexibility and speed of the JavaScript language have made PhoneGap an ideal choice in developing for multiple platforms. However, many experience performance issues when using HTML5/CSS and JavaScript to develop applications. The problem lies in the bad habits web developers have acquired in their years of working with computers with an abundance of computing power.

In this session, you will explore the basics of how web browsers render content and use that knowledge to identify the bottlenecks in PhoneGap applications. You will cover the importance of making an application responsive and go over various tricks to achieve that goal. In addition, you’ll also review bad habits that you may have acquired in working with computers with an abundance of computing power. You will explore how to remedy these problems to be more considerate of the mobile devices’ computing limitations. Finally, you will dive into the code of a PhoneGap application to familiarize yourself with how to make the best use of PhoneGap in your mobile development toolbox.

In this session, you will learn:

  • How to develop for multiple platforms using PhoneGap
  • How to improve the responsiveness of your PhoneGap application
  • How to write JavaScript that is better optimized for mobile devices
  • The basics of how web browsers work and how to use that knowledge to write a better app

Novice and intermediate developers. Audience members should be familiar with and understand the differences between HTML, CSS, and JavaScript. In addition, they should have working web development knowledge and have some familiarity with JavaScript.

Technology discussed in this session:
PhoneGap, Xcode/Eclipse, and WebKit. 

Student technology needs: