TutsPlus PhoneGap and Dreamweaver CS5.5 CS6 Tutorials 2811002

TutsPlus PhoneGap and Dreamweaver CS5.5 CS6 Tutorials 2811002

TutsPlus PhoneGap and Dreamweaver CS5.5 CS6 Tutorials 2811002
Mobile Development \ iPhone

Mobile Development Tutorial - PhoneGap and Dreamweaver CS5.5 CS6 Tutorials 2811002
by CartoonSmart @ TutsPlus

Mobile Development \ iPhone

Difficulty: Beginner; Format: Video; Files Included: .CSS Files, .HTML Files, JavaScript JS, .JPG Images, .PNG Images, .MOV, .MP4.

This incredible 14 hour course has been divided in 6 Sessions.

Session 1: Getting Setup with Dreamweaver CS5 .5 or CS6 and an Intro to PhoneGap – Nearly 3 Hours!

PhoneGap is an amazing framework that will allow you to code in Dreamweaver CS5 .5, CS6 or other text editors and deploy to multiple devices. 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. Our instructor uses Android for most of the first sessions, then uses an iPhone 4S for the final sessions.

PhoneGap Tutorial Video 1 : 56 Minutes – Introduction to the Series and Initial Setup. For Mac users we’ve included an alternate setup video detailing a minor difference.

PhoneGap Tutorial Video 2 : 1 Hour 40 Minutes – This nearly two hour video begins with a “hello world” app, and explores the accelerometer, detecting WIFI and other device specifics like name or OS version, how to initiate alert or confirmation popup menus, creating a stop watch function, and of course tons more about programming in general.

Session 2: PhoneGap’s Camera API , Events API , or GeoLocation API – Over 2 Hours

Choose your adventure! You can decide what you want to learn now.

PhoneGap Camera API Tutorial : 57 Minutes – 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 : 35 Minutes - 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 : 36 Minutes -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.

Session 3: Contacts API and Compass API – Over 2 Hours!

Again you can decide what you want to learn. There’s no viewing order to these…

PhoneGap Contacts API Tutorial : 1 Hour 52 Minutes – 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 : 19 Minutes – 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.

Session 4: Using Dreamweaver CS6 with PhoneGap and Storage API

Again you can decide what you want to learn. There’s no viewing order to these…

Using Dreamweaver CS6 with Phone Gap – 1 Hour: 2 Minutes – Learn how Dreamweaver CS6 integrates with the PhoneGap Build Service to compile applications in the “Cloud”.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 : 46 Minutes – The Storage API gives you the ability to create a database on the client side rather than on a remote server. So you’ll learn how to populate a database, retrieve data, delete data, and everything else related to managing a database.

Session 5: Capture API and Media API

PhoneGap Capture API Tutorial – 1 Hour: 19 Minutes – 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- 53 Minutes - The Media API allows smooth playback of audio without slowing down your application. This is a better option than using HTML5 based audio or Flash Player audio, which could slow down your app, or in the case of Flash, 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

PhoneGap File API Tutorial- 3 Hours: 38 Minutes – 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!

Final Application Project

As a final example, the instructor combines many of the PhoneGap API ’s into one amazing iPhone application (tested on an iPhone 4 & 4S) .The app has five tab 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

Keywords: Dreamweaver CS5.5, Dreamweaver CS6, android development, app development, dreamweaver tutorials, html5, ios development, javascript, phone gap.

Download Freebies from Creativemarket

Tags: Mobile, Development, IPhone, Tutorials, Dreamweaver, TutsPlus, PhoneGap

Best ddsign template, vectors, illustrations, video templates from creative professional designers with After Effect, PhotoShop, 3DS Max, Cinema 4D or InDesign. Full details of TutsPlus PhoneGap and Dreamweaver CS5.5 CS6 Tutorials 2811002 for digital design and education. TutsPlus PhoneGap and Dreamweaver CS5.5 CS6 Tutorials 2811002 desigen style information or anything related.


Add Comments:
Enter Code: *