Video Description
Build web apps that take can advantage of features such as the camera, accelerometer, address book, and GPS in iOS, Android, and other devices. With this video course, mobile and web developer Max Firtman shows you how to extend your HTML, CSS, and Javascript code to work with native devices, using Apache Cordova and Adobe’s free PhoneGap framework.
Max presents a series of small labs and tutorials that demonstrate how to set up Cordova so you can embed your existing web app inside. You’ll come away with hybrid apps that are not purely web-based, but still use web views rather than the device’s native UI framework. These device-agnostic mobile apps can be adapted to work with any native device.
———Max Firtman, an Adobe Community Champion and founder of ITMaster Professional Training, is a mobile and web developer, speaker and author of several O’Reilly books including Programming the Mobile Web and jQuery Mobile: Up and Running. He also presented the Mobile HTML5 video for O’Reilly. He blogs about mobile web development at www.mobilexweb.com and maintains a website at www.mobilehtml5.org.
Table of Contents
- Welcome to the Course 00:02:54
-
Set Up
- Cordova, PhoneGap and Hybrids 00:07:51
- Platforms and Web Views 00:09:32
- Versions and Requirements 00:12:45
- Installing CLI and PhoneGap the Desktop App 00:06:19
- Setting Up Emulators 00:17:00
-
Working with Cordova Projects
- Creating a Project and Adding Platforms 00:13:33
- PhoneGap CLI 00:04:15
- Running the App 00:11:13
- PhoneGap Developer App 00:06:15
- Debugging the App 00:09:57
- The config.xml 00:21:12
- Browsing the Documentation 00:07:59
- Third-Party Tools 00:11:15
-
Working with HTML5
- App Architecture 00:06:47
- Replacing WebView with CrossWalk 00:08:55
- HTML5 Compatibility 00:08:58
- SPA and UI Frameworks 00:07:32
-
Cordova JS and Plugins
- Basic Cordova Template 00:16:24
- Main Events 00:10:17
- Plugins Management 00:12:06
- StatusBar 00:06:35
- Native Dialogs 00:08:12
- Camera 00:10:43
- Contacts 00:05:46
- Other Plugins 00:05:18
-
Building
- Building Locally for a Device 00:13:58
- Building Locally for the Store 00:09:11
- Remote Building with PhoneGap Build 00:05:03
- Closing 00:02:31