Course
Skills Expanded
Dreamweaver CC 2015 Mobile App Design with PhoneGap
This course will walk you through developing an HTML5 mobile app in Adobe Dreamweaver using the PhoneGap framework.
What you'll learn
In this course, Dreamweaver CC Mobile App Design with PhoneGap, you'll be guided through developing an HTML5 mobile app in Adobe Dreamweaver using the PhoneGap framework. First, you'll learn about the different forms of mobile development and the benefits of each. Next, you'll explore all the features built into Dreamweaver for mobile development. Finally, you'll build a mobile app from a Photoshop mockup and test your site on a mobile devices.
Table of contents
Understanding Phonegap, Jquery Mobile, and Dreamweaver
22mins
Design for Mobile with Jquery Mobile
52mins
Integrate Device Features using Phonegap
63mins
- Create a PhoneGap Project 8m
- Integrate jQuery Mobile and Create the UI pt. 1 4m
- Integrate jQuery Mobile and Create the UI pt. 2 9m
- App Object, Logging, and Debugging pt.1 8m
- App Object, Logging, and Debugging pt.2 4m
- Lifecycle and Events 8m
- Plugins 1 - Device Info 5m
- Plugins 2 - Network Info 4m
- Plugins 3 - Globalization 6m
- Plugins 4 - Notifications 9m
Build the Travel Journal App UI
38mins
Add Functionality to the App
50mins
- Update the App Object in JavaScript 6m
- App Structure with the NVC Pattern 7m
- Create a Simple Data Model with JSON and Local Storage 6m
- Add Google Maps Support 4m
- Add the Geolocation Plugin pt.1 5m
- Add the Geolocation Plugin pt.2 5m
- Add the Camera Plugin 7m
- Add an Image and Marker to the Map pt.1 4m
- Add an Image and Marker to the Map pt.2 5m
Package the App for IOS, Android, and More
10mins
