HD Video

CartoonSmart was the first training website to offer HD video. Seriously. Before YouTube was even founded, we realized screencasts needed to be way bigger than what others were offering. Nothing will replace books in the training spectrum, but sometimes you just want to put your feet up and watch someone else work. Since 2004, our customers haven't had to squint.

Watch a Preview »

App Packaging

Easily create apps using the web technologies you know and love: HTML, CSS, and JavaScript. PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about.

Your Instructor

Lawrence Turton is CartoonSmart's resident HTML5-guru. He has taught all of our HTML5, CSS3, jQuery, and Dreamweaver courses that mix together these latest web frameworks. For freelance inquiries, Lawrence can be found at Elite-WD.com.

Session 1: Getting Setup

Three hours. Split over two parts to get you jump-started with PhoneGap development and publishing.

PhoneGap is an amazing framework that will allow you to code in Dreamweaver (or other text editors) and deploy to multiple devices. Through most of the course, our instructor will be testing on a PC using his Android device but occasionally on a Mac using an iPhone.

If you have Dreamweaver CS5.5 (or higher) then you are nearly setup already, but we've included a separate setup video for both Mac and PC users. And here's the real beauty of PhoneGap: throughout the entire multi-session series, we'll be using the same code regardless of the device type to interact with things like the Accelerometer, Battery status, Location, Camera, Contact Book, and so on.

Session 2: Camera API, Events API, & GeoLocation API

Two hours. Take a pic, deal with major (or minor) events, and get your location.

PhoneGap Camera API Tutorial – Learn how to take a picture or use a picture from the camera library. Explore options like save-quality, allow simple editing before selection, encode as PNG or JPG, desired width or height, and more.

PhoneGap Events API Tutorial - We'll look at event types, such as what to do when the device is ready, an app is paused, app is resumed, the network has gone on or offline, the user presses the back, menu, or search buttons (doesn't apply to iOS), a call has ended, the battery hits a critical or low level, or the battery status has changed.

PhoneGap GeoLocation API Tutorial - Explore how to get the current location of the phone, and look at properties like latitude, longitude, altitude, accuracy, heading, speed, and more. Also learn how to watch for changes in the current location.

You can view the API's in this session as needed.

Session 3: Contacts API & Compass API.

Two hours. Contact your people, or get your bearings.

PhoneGap Contacts API Tutorial - Learn how to create, clone, update, remove and find contacts in the devices contact database. Access properties of a contact, like name (first, last, nickname), phone number, email, address, IMS, organization, birthday, note, photo, category, and URL's associated with a contact.

PhoneGap Compass API Tutorial - Learn how to use the compass to detects the direction or heading that the device is pointed. Options to look at are the magnetic heading, true heading (relative to geographic North), heading accuracy, and time stamp when a reading occurred.

You can view the API's in this session as needed.

Session 4: The PhoneGap Build Service and Storage API.

Two hours. Build in the Cloud, and store your data.

Compile applications in the "Cloud" with the PhoneGap Build Service. You'll also learn how to get started with QR Codes (Quick Reference Codes) to find and install your app from the PhoneGap servers. Also discussed are many details about publishing your app for iOS, Android, Blackberry and other devices.

PhoneGap Storage API Tutorial - The Storage API gives you the ability to create a database on the client side rather than on a remote server. Learn how to populate a database, retrieve data, delete data, and everything else related to managing your information.

Session 5: Capture API and Media API.

Two hours. Capture the world around you. And play it back to enjoy it a second time.

PhoneGap Capture API Tutorial – This API allows you to capture an image, video, or audio. You'll learn all the parameters involved with capturing these types of media (max duration, various modes, etc). You'll learn how to store and retrieve the media. With these tools you could program your own voice or video recorder. Also discussed are the quirks between capturing media on different devices.

PhoneGap Media API Tutorial - The Media API allows smooth playback of audio without slowing down your application. This is a better option than using HTML5 based audio which could slow down your app, or Flash Player based audio, which isn't available on the iOS devices. You'll learn how to control your media with Play, Seek, Pause, Resume and Stop options.

Session 6: File API.

Nearly four hours. Search, read, write, upload and transfer files.

PhoneGap File API Tutorial – We've saved one of the longest tutorials for last. While most of the lessons you can watch in any order you like, our instructor requests you watch most of the previous ones first because he combines many different API's in this final lesson. With the File API you can access the device's file directory. So you can search, read, write, upload and transfer files with this API, making it one of the most interesting ones. And worthy of an almost 4 hour lesson!

Bonus Add-on.
Final example project.

As a final example, your instructor has combined many of the PhoneGap API's into one amazing iPhone application.

The app has five menu buttons which navigate to:

  • Contact Window: with buttons to trigger a text, phone call or email.
  • Voice Recorder: Playback a sound file you've recorded through the app.
  • YouTube Video Playlist / Player: Create a playlist of your favorite YouTube Videos.
  • Image Capture App: Take a picture from the device's camera and insert it within another image. This could be the foundation of an amazing application. Perhaps a kid's book featuring the child reading the book.
  • Compass: Get the magnetic heading of your device.

Example Videos

Below you can watch all of Session 1, an introduction to PhoneGap which includes the setup process for both PC or Mac users. After your purchase, you can download every video to your computer to watch anytime.

14 Hours Total. Six huge sessions on PhoneGap.

Only $40. Download these videos directly to your computer. Includes source files and free updates. You'll be notified by email whenever there's an update to either the course or collection of source projects. Redownload access is always granted for our products.

Related Products...