jQuery amp AIR Desktop Development for the Front End Designer
Andy Matthews
Andy Matthews
www.andymatthews.net
www.commadelimited.com
Twitter: commadelimited
AIM: mydognacho
no notes exist for this slide
About me
no text exists for this slide
no notes exist for this slide
Andy Matthews
husband, father, designer/developer
husband, father, designer/developer
I'm married, with two children, living in Nashville TN
no notes exist for this slide
Slide 4
no text exists for this slide
no notes exist for this slide
Nowadays
Senior ColdFusion Developer at
Senior ColdFusion Developer at
I freelance at commadelimited.com
I have a personal blog: andymatthews.net
no notes exist for this slide
jQuery amp AIR Whats under the hood
no text exists for this slide
no notes exist for this slide
Slide 7
jQuery is a fast and concise
JavaScript Library that simplifies
HTML document traversing,
event handling, animating, and
Ajax interactions for rapid web development.
jQuery is a fast and concise
JavaScript Library that simplifies
HTML document traversing,
event handling, animating, and
Ajax interactions for rapid web development.
jQuery.com
no notes exist for this slide
Slide 8
Adobe AIR is a runtime that lets developers combine HTML, Ajax, Adobe Flash®, and Flex technologies to deploy rich Internet applications (RIAs) on the desktop as a single application installer that works across operating systems.
Adobe AIR is a runtime that lets developers combine HTML, Ajax, Adobe Flash®, and Flex technologies to deploy rich Internet applications (RIAs) on the desktop as a single application installer that works across operating systems.
adobe.com
no notes exist for this slide
Why choose jQuery and AIR over Flex or Flash
no text exists for this slide
no notes exist for this slide
Lets look at some HTMLJS AIR apps
no text exists for this slide
no notes exist for this slide
jQuery a deeper dive extra stuff at the end
no text exists for this slide
no notes exist for this slide
Slide 12
This presentation can be downloaded from my website, along with all sample files
This presentation can be downloaded from my website, along with all sample files
http://andymatthews.net/downloads/presentations/cfObjective-05-16-09.zip
no notes exist for this slide
Slide 13
How does jQuery work?
How does jQuery work?
At its most basic jQuery provides a way to interact with elements on an HTML page.
no notes exist for this slide
Selectors without them jQuery is useless
no text exists for this slide
no notes exist for this slide
Events without them apps would be boring
no text exists for this slide
no notes exist for this slide
Effects animation aint just for Flash
no text exists for this slide
no notes exist for this slide
Lets look at some code presentationCFOjQuerywalkthroughhtml
no text exists for this slide
no notes exist for this slide
Any questions
no text exists for this slide
no notes exist for this slide
AIR amp data management extra stuff at the end
no text exists for this slide
no notes exist for this slide
Slide 20
Local storage: AIR allows developers to store data locally. This data can be images, SQLite databases, text files (encrypted, and unencrypted), and more.
Local storage: AIR allows developers to store data locally. This data can be images, SQLite databases, text files (encrypted, and unencrypted), and more.
no notes exist for this slide
File system access
no text exists for this slide
no notes exist for this slide
Writing to the file system
no text exists for this slide
no notes exist for this slide
Reading from the file system
no text exists for this slide
no notes exist for this slide
Lets look at some code View CFOFileSystem project
no text exists for this slide
no notes exist for this slide
SQLite databases
no text exists for this slide
no notes exist for this slide
Slide 26
no text exists for this slide
no notes exist for this slide
Slide 27
no text exists for this slide
no notes exist for this slide
Slide 28
no text exists for this slide
no notes exist for this slide
Slide 29
Remote access: Adobe AIR applications give the developer access to the network connections of the host computer. This allows developer to download updated files, images, databases and more.
Remote access: Adobe AIR applications give the developer access to the network connections of the host computer. This allows developer to download updated files, images, databases and more.
no notes exist for this slide
jQuery GET calls
no text exists for this slide
no notes exist for this slide
jQuery AJAX calls
no text exists for this slide
no notes exist for this slide
Secret bonus slide keep it on the downlow
no text exists for this slide
no notes exist for this slide
URLLoader
no text exists for this slide
no notes exist for this slide
jQuery AJAX calls vs URLRequest
jQuery AJAX calls
jQuery AJAX calls
no notes exist for this slide
Lets look at some code View CFORemoteAccess project
no text exists for this slide
no notes exist for this slide
Slide 36
no text exists for this slide
no notes exist for this slide
Your new desktop app your mother would be so proud extra stuff at the end
no text exists for this slide
no notes exist for this slide
Slide 38
When your app is ready to be released, even as a beta, it's time to begin looking at packaging options. Aptana makes it very easy for us, with it's handy "build" button.
When your app is ready to be released, even as a beta, it's time to begin looking at packaging options. Aptana makes it very easy for us, with it's handy "build" button.
no notes exist for this slide
Lets look at some code
no text exists for this slide
no notes exist for this slide
Packaging your app
no text exists for this slide
no notes exist for this slide
Slide 41
no text exists for this slide
no notes exist for this slide
Slide 42
no text exists for this slide
no notes exist for this slide
Intro to jQuery amp AIR
no text exists for this slide
no notes exist for this slide
Slide 44
jQuery is a fast and concise
JavaScript Library that simplifies
HTML document traversing,
event handling, animating, and
Ajax interactions for rapid web development.
jQuery is a fast and concise
JavaScript Library that simplifies
HTML document traversing,
event handling, animating, and
Ajax interactions for rapid web development.
jQuery.com
no notes exist for this slide
A brief history
no text exists for this slide
no notes exist for this slide
A few code samples
no text exists for this slide
no notes exist for this slide
Slide 47
Adobe AIR is a runtime that lets developers combine HTML, Ajax, Adobe Flash®, and Flex technologies to deploy rich Internet applications (RIAs) on the desktop as a single application installer that works across operating systems.
Adobe AIR is a runtime that lets developers combine HTML, Ajax, Adobe Flash®, and Flex technologies to deploy rich Internet applications (RIAs) on the desktop as a single application installer that works across operating systems.
adobe.com
no notes exist for this slide
Slide 48
no text exists for this slide
no notes exist for this slide
Slide 49
WebKit is an open source web content engine, originally developed for the Konqueror browser, now used by Apple's Safari, Mail, Dashboard and other applications.
WebKit is an open source web content engine, originally developed for the Konqueror browser, now used by Apple's Safari, Mail, Dashboard and other applications.
http://ascherconsulting.com/what/is/webkit/
no notes exist for this slide
Slide 50
no text exists for this slide
no notes exist for this slide
Benefits
no text exists for this slide
no notes exist for this slide
Slide 52
no text exists for this slide
no notes exist for this slide
Lets look at some HTML AIR apps
no text exists for this slide
no notes exist for this slide
AIR IDE roundup
no text exists for this slide
no notes exist for this slide
Head to head comparison
Eclipse / Aptana Studio
Eclipse / Aptana Studio
no notes exist for this slide
Slide 56
no text exists for this slide
no notes exist for this slide
Packaging your app Versioning
no text exists for this slide
no notes exist for this slide
Packaging your app Updating your app
no text exists for this slide
no notes exist for this slide
Deploying your app AIR files
no text exists for this slide
no notes exist for this slide
Links
no text exists for this slide
no notes exist for this slide
Nice job Andy!
Posted By: Steve Witington On: 05/20/09 1:58 PM