Dreamweaver CC Mobile App Design with PhoneGap

Pluralsight

Course Summary

This course will walk you through developing an HTML5 mobile app in Adobe Dreamweaver using the PhoneGap framework.

+
Course Description

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.

Course Description

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.

+
Course Syllabus

Understanding Phonegap, Jquery Mobile, and Dreamweaver
- 22m 7s

—Introduction 1m 58s
—Mobile Design with Dreamweaver CC 3m 37s
—User Interface Design with jQuery Mobile 3m 38s
—Access Device Features with PhoneGap 5m 39s
—Use Dreamweaver to Design and Manage the Project 4m 48s
—Overview of the Course and Project Files 2m 24s

Design for Mobile with Jquery Mobile
- 52m 33s

—Setup a Webpage for Mobile Design 4m 42s
—Work with Pages and Dialogs 6m 28s
—Work with Toolbars and Navbars 7m 20s
—Work with Buttons pt.1 5m 30s
—Work with Buttons pt.2 5m 20s
—Coding Lists 3m 21s
—Styling Lists 5m 32s
—Work with Forms 7m 19s
—Work with the JavaScript API 6m 57s

Integrate Device Features using Phonegap
- 1h 3m

—Create a PhoneGap Project 8m 1s
—Integrate jQuery Mobile and Create the UI pt. 1 4m 13s
—Integrate jQuery Mobile and Create the UI pt. 2 8m 39s
—App Object, Logging, and Debugging pt.1 7m 38s
—App Object, Logging, and Debugging pt.2 3m 33s
—Lifecycle and Events 7m 31s
—Plugins 1 - Device Info 4m 35s
—Plugins 2 - Network Info 4m 9s
—Plugins 3 - Globalization 6m 18s
—Plugins 4 - Notifications 8m 31s

Build the Travel Journal App UI
- 38m 29s

—Create a New PhoneGap Project 3m 40s
—Update the Splash Graphics and Icons in Photoshop CC 5m 25s
—Create a Custom Color Theme Using Color and Themeroller 5m 3s
—Clean the Project and Add jQuery Mobile 4m 23s
—Build the Main Screen UI 6m 49s
—Build the Popup Dialog UI 6m 48s
—Add Dialogs and the Logger Panel 6m 17s

Add Functionality to the App
- 50m 10s

—Update the App Object in JavaScript 6m 22s
—App Structure with the NVC Pattern 7m 23s
—Create a Simple Data Model with JSON and Local Storage 6m 5s
—Add Google Maps Support 3m 54s
—Add the Geolocation Plugin pt.1 4m 58s
—Add the Geolocation Plugin pt.2 5m 5s
—Add the Camera Plugin 7m 29s
—Add an Image and Marker to the Map pt.1 3m 47s
—Add an Image and Marker to the Map pt.2 5m 2s

Package the App for IOS, Android, and More
- 10m 45s

—Prepare the App for Packaging 3m 28s
—A First Look at Adobe PhoneGap Build 4m 22s
—Where to Go from Here 2m 54s

Course Fee:

USD 29

Course Type:	Self-Study
Course Status:	Active
Workload:	1 - 4 hours / week

This course is listed under Development & Implementations , Mobility and E-Commerce Community

Attended this course? Write a Review

Course Fee:

USD 29

Course Type:	Self-Study
Course Status:	Active
Workload:	1 - 4 hours / week

IT Career Development Platform

Dreamweaver CC Mobile App Design with PhoneGap

Pluralsight

Course Summary

Course Description

Course Description

Course Syllabus

Course Type:

Course Status:

Workload:

Phonegap

Jquery

JQuery Mobile

C Plus Plus (C++)

JavaScript

HTML5

Debugging

Adobe Dreamweaver

iOS

User Interface Design

Attended this course? Write a Review

Course Type:

Course Status:

Workload: