Rapid Prototyping With JavaScript For Multiple Platforms

41
Rapid Prototyping with JavaScript for Multiple Platforms

description

My presentation at JSConf.EU 2010

Transcript of Rapid Prototyping With JavaScript For Multiple Platforms

Page 1: Rapid Prototyping With JavaScript For Multiple Platforms

Rapid Prototyping with JavaScript for Multiple

Platforms 

Page 2: Rapid Prototyping With JavaScript For Multiple Platforms

You Ready?

Page 3: Rapid Prototyping With JavaScript For Multiple Platforms

AMERICUH!

I LIVE HERE

(Europeans may not get these jokes)

Page 4: Rapid Prototyping With JavaScript For Multiple Platforms

What Is Rapid Prototyping?

Page 5: Rapid Prototyping With JavaScript For Multiple Platforms

 Concept + Very Little Time + Dev & Design 

Page 6: Rapid Prototyping With JavaScript For Multiple Platforms

Rapid Prototyping ==

Research & Development

(R&D) ==

Labs Groups

Page 7: Rapid Prototyping With JavaScript For Multiple Platforms
Page 8: Rapid Prototyping With JavaScript For Multiple Platforms

Real business use cases, but most go unseenhence the word: Prototype.

Page 9: Rapid Prototyping With JavaScript For Multiple Platforms

Other companies are doing it too, but I can't tell you who.

Page 10: Rapid Prototyping With JavaScript For Multiple Platforms

Rapid prototyping is innovation on the

cheap.

Page 11: Rapid Prototyping With JavaScript For Multiple Platforms

  An Example Would Help 

Page 12: Rapid Prototyping With JavaScript For Multiple Platforms

 

Create a language translation app.

Page 13: Rapid Prototyping With JavaScript For Multiple Platforms

Lingua

Page 14: Rapid Prototyping With JavaScript For Multiple Platforms

Take a string or phrase and translate it to the language of

your choice.

Page 15: Rapid Prototyping With JavaScript For Multiple Platforms

What Devices?

Page 16: Rapid Prototyping With JavaScript For Multiple Platforms

MULTIPLE.

Page 17: Rapid Prototyping With JavaScript For Multiple Platforms

MULTIPLE.(Desktop Browser, Mobile Browser, Native

Desktop App, and Native Android App)

Page 18: Rapid Prototyping With JavaScript For Multiple Platforms

If we couldn't

use JavaScript..

.

Page 19: Rapid Prototyping With JavaScript For Multiple Platforms
Page 20: Rapid Prototyping With JavaScript For Multiple Platforms

But...

Page 21: Rapid Prototyping With JavaScript For Multiple Platforms

...we can use

JavaScript!

Page 22: Rapid Prototyping With JavaScript For Multiple Platforms

Tools

Page 23: Rapid Prototyping With JavaScript For Multiple Platforms

Tools• Node.js

Page 24: Rapid Prototyping With JavaScript For Multiple Platforms

Tools• Node.js

o Expresso Connect

Page 25: Rapid Prototyping With JavaScript For Multiple Platforms

Tools• Node.js

o Expresso Connect

• Appcelerator Titanium

Page 26: Rapid Prototyping With JavaScript For Multiple Platforms

Tools• Node.js

o Expresso Connect

• Appcelerator Titanium

• Phonegap

Page 27: Rapid Prototyping With JavaScript For Multiple Platforms

Tools• Node.js

o Expresso Connect

• Appcelerator Titanium

• Phonegap• CouchDB

Page 28: Rapid Prototyping With JavaScript For Multiple Platforms

Tools• Node.js

o Expresso Connect

• Appcelerator Titanium

• Phonegap• CouchDB• YQL

Page 29: Rapid Prototyping With JavaScript For Multiple Platforms

  What about the UI?

Page 30: Rapid Prototyping With JavaScript For Multiple Platforms

Design for a flexible layout, NOT a

specific device.

Page 31: Rapid Prototyping With JavaScript For Multiple Platforms

How?

Page 32: Rapid Prototyping With JavaScript For Multiple Platforms

CSS Media Queries!

Page 33: Rapid Prototyping With JavaScript For Multiple Platforms

Demo:Desktop Browser and

Mobile Browser

Page 34: Rapid Prototyping With JavaScript For Multiple Platforms

http://evented.io:3001

Page 35: Rapid Prototyping With JavaScript For Multiple Platforms

Demo:Native Desktop App

Page 36: Rapid Prototyping With JavaScript For Multiple Platforms

Demo:YQL Action

Page 37: Rapid Prototyping With JavaScript For Multiple Platforms

Demo:Native Android App

Page 38: Rapid Prototyping With JavaScript For Multiple Platforms

Demo:Offline Access with

CouchDB on Android

Page 39: Rapid Prototyping With JavaScript For Multiple Platforms

Conclusion?

Page 40: Rapid Prototyping With JavaScript For Multiple Platforms
Page 41: Rapid Prototyping With JavaScript For Multiple Platforms

@joemccann

github.com/joemccann