rapid prototyping with javascript for multiple platforms

41
Rapid Prototyping with JavaScript for Multiple Platforms

Upload: joe-mccann

Post on 15-Jan-2015

4.377 views

Category:

Technology


3 download

DESCRIPTION

My presentation at JSConf.EU 2010

TRANSCRIPT

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