Mobile JavaScript Development - QCon 2010
Upcoming SlideShare
Loading in...5
×
 

Mobile JavaScript Development - QCon 2010

on

  • 2,959 views

In this talk I am giving an overview of the current mobile landscape in regards to mobile JavaScript development.

In this talk I am giving an overview of the current mobile landscape in regards to mobile JavaScript development.

Statistics

Views

Total Views
2,959
Views on SlideShare
2,945
Embed Views
14

Actions

Likes
4
Downloads
95
Comments
0

2 Embeds 14

http://www.slideshare.net 13
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Mobile JavaScript Development - QCon 2010 Mobile JavaScript Development - QCon 2010 Presentation Transcript

  • Mobile JavaScript Development or HTML5 apps Nikolai Onken - uxebu Consulting Ltd. & Co. KG Monday, March 15, 2010
  • Hi all @nonken | @uxebu Monday, March 15, 2010
  • We open the mobile web Monday, March 15, 2010
  • Agenda Monday, March 15, 2010
  • Agenda • Timetravel Monday, March 15, 2010
  • Agenda • Timetravel • Why mobile JavaScript development? Monday, March 15, 2010
  • Agenda • Timetravel • Why mobile JavaScript development? • Tales of a mobile dev (EventNinja) Monday, March 15, 2010
  • Agenda • Timetravel • Why mobile JavaScript development? • Tales of a mobile dev (EventNinja) • Outlook Monday, March 15, 2010
  • Experiment An ECG written in JavaScript/HTML/CSS Monday, March 15, 2010
  • Pulse check j K a a HumanApi - http://bit.ly/92lpyR Monday, March 15, 2010
  • Agenda • Timetravel • Why mobile JavaScript development? • Tales of a mobile dev (EventNinja) • Outlook Monday, March 15, 2010
  • Monday, March 15, 2010
  • Monday, March 15, 2010
  • Monday, March 15, 2010
  • Monday, March 15, 2010
  • 2010 Monday, March 15, 2010
  • 2010 • Eric Schmidt (CEO Google Inc.): “Mobile first” Monday, March 15, 2010
  • 2010 • Eric Schmidt (CEO Google Inc.): “Mobile first” • Steve Jobs (CEO Apple Inc.): “Apple is a mobile devices company.” Monday, March 15, 2010
  • Mobile browsing? h K $ WWW Monday, March 15, 2010
  • Mobile browsing? h K $ WWW Monday, March 15, 2010
  • The past h O KKKKKKKKK Monday, March 15, 2010
  • The future K O hhhhhhhhh Monday, March 15, 2010
  • Lets look at some very cool stuff http://bit.ly/bqvQIG Monday, March 15, 2010
  • Pulse check j K a a HumanApi - http://bit.ly/92lpyR Monday, March 15, 2010
  • Agenda • Timetravel • Why mobile JavaScript development? • Tales of a mobile developmentev (EventNinja) • Outlook Monday, March 15, 2010
  • Mobile market 2% 5% 3% 3% 4% 4% 38% 5% 5% 10% 20% Nokia Samsung LG Sony Ericsson Motorola ZTE Kyocera RIM Sharp Apple Other http://bit.ly/bPDn5b Monday, March 15, 2010
  • Smartphone market 20% 40% 5% 15% 20% Nokia RIM Apple HTC Others http://bit.ly/bPDn5b Monday, March 15, 2010
  • Is this our (developers) world? d == 2% Monday, March 15, 2010
  • Seriously? Are we happy with a 2% market share? Monday, March 15, 2010
  • How open platforms really are ƒ a == Monday, March 15, 2010
  • Reality check: “you're prohibited from distributing it (the app) through competing app stores like Cydia or Rock Your Phone” http://bit.ly/dgmJvN Monday, March 15, 2010
  • Everybody wants his/her share 7 http://bit.ly/dgmJvN Monday, March 15, 2010
  • Some things you actually don’t have to share, weird huh? Monday, March 15, 2010
  • Showtime - a strong case for JavaScript http://yourappshop.com - NSFW App store without Apple Monday, March 15, 2010
  • a q What companies like Apple don’t like w Monday, March 15, 2010
  • a qw What companies like Apple don’t like Monday, March 15, 2010
  • a qw What companies like Apple don’t like Monday, March 15, 2010
  • What companies like Apple don’t like Monday, March 15, 2010
  • w What companies like Apple don’t like Monday, March 15, 2010
  • What companies like Apple don’t like Monday, March 15, 2010
  • Your Appshop facts Monday, March 15, 2010
  • Your Appshop facts • 100% HTML5 Monday, March 15, 2010
  • Your Appshop facts • 100% HTML5 • Apps work offline Monday, March 15, 2010
  • Your Appshop facts • 100% HTML5 • Apps work offline • 12.000.000 downloads since december 2009 Monday, March 15, 2010
  • Your Appshop facts • 100% HTML5 • Apps work offline • 12.000.000 downloads since december 2009 • Payment gateway Monday, March 15, 2010
  • Your Appshop facts • 100% HTML5 • Apps work offline • 12.000.000 downloads since december 2009 • Payment gateway • It feels native Monday, March 15, 2010
  • Device APIs What else is happening in the mobile world? Monday, March 15, 2010
  • m Camera APIs (AR anyone?) Monday, March 15, 2010
  • S Calendar APIs Monday, March 15, 2010
  • v Access to local data Monday, March 15, 2010
  • Payment integration Monday, March 15, 2010
  • K Payment integration Monday, March 15, 2010
  • F q0 More device APIs Monday, March 15, 2010
  • It’s all in the works Monday, March 15, 2010
  • It’s all in the works • JIL - http://jil.org Vodafone, Verizon Wireless, China Mobile and Softbank Mobile (1.1 billion customers) Monday, March 15, 2010
  • It’s all in the works • JIL - http://jil.org Vodafone, Verizon Wireless, China Mobile and Softbank Mobile (1.1 billion customers) • BONDI - http://bondi.omtp.org Monday, March 15, 2010
  • It’s all in the works • JIL - http://jil.org Vodafone, Verizon Wireless, China Mobile and Softbank Mobile (1.1 billion customers) • BONDI - http://bondi.omtp.org • W3C (Device APIs) - http://bit.ly/bdm4wv Monday, March 15, 2010
  • Pulse check j K a a HumanApi - http://bit.ly/92lpyR Monday, March 15, 2010
  • Agenda • Timetravel • Why mobile JavaScript development? • Tales of a mobile dev (EventNinja) • Outlook Monday, March 15, 2010
  • Tales of a mobile dev EventNinja Monday, March 15, 2010
  • Monday, March 15, 2010
  • Monday, March 15, 2010
  • http://www.eventninja.net Monday, March 15, 2010
  • Monday, March 15, 2010
  • Monday, March 15, 2010
  • Mobile prototyping Monday, March 15, 2010
  • The cloud Monday, March 15, 2010
  • Google Calendar Monday, March 15, 2010
  • Monday, March 15, 2010
  • Monday, March 15, 2010
  • The architecture of EventNinja Monday, March 15, 2010
  • Runtimes used • PhoneGap (http://phonegap.com) • W3C Widgets (Opera) • (Others) Palm Monday, March 15, 2010
  • Appstore coverage Monday, March 15, 2010
  • Dojo Monday, March 15, 2010
  • Performance Monday, March 15, 2010
  • Why performance? What we do has direct Impact! • Datavolume (Someone has to pay for it) • Like or Dislike - mobile apps get thrown away very quickly Monday, March 15, 2010
  • Dojo’s toolchain Monday, March 15, 2010
  • Dojos Buildsystem Monday, March 15, 2010
  • • Minify and shrink JavaScript • Build into single or several files • Build and concatenate CSS • Optimize images Monday, March 15, 2010
  • Monday, March 15, 2010
  • Monday, March 15, 2010
  • Other Dojo goodness Monday, March 15, 2010
  • Other Dojo goodness • Class inheritance - dojo.declare Monday, March 15, 2010
  • Other Dojo goodness • Class inheritance - dojo.declare • Dojos event system - dojo.connect Monday, March 15, 2010
  • Other Dojo goodness • Class inheritance - dojo.declare • Dojos event system - dojo.connect • Powerful extendable query engine - dojo.query Monday, March 15, 2010
  • Other Dojo goodness • Class inheritance - dojo.declare • Dojos event system - dojo.connect • Powerful extendable query engine - dojo.query • Much much more (See Dylans talk today) Monday, March 15, 2010
  • But! document.getElement... Don’t forget about “real” JavaScript Monday, March 15, 2010
  • What we have learned Monday, March 15, 2010
  • Code simple! Monday, March 15, 2010
  • Step back! Especially if the desktop browser was your runtime of the past Monday, March 15, 2010
  • Semantics? A short story Monday, March 15, 2010
  • Monday, March 15, 2010
  • <ul> <li>Hi</li> </ul> Monday, March 15, 2010
  • <ul> <li>Hi</li> </ul> <ul> <li><a href=””>Hi</a></li> </ul> Monday, March 15, 2010
  • <ul> <li>Hi</li> </ul> <ul> <li><a href=””>Hi</a></li> </ul> <a href=””>Hi</a> Monday, March 15, 2010
  • IE anyone? Monday, March 15, 2010
  • IE anyone? Monday, March 15, 2010
  • IE anyone? Monday, March 15, 2010
  • Do what your runtime can do Not more Monday, March 15, 2010
  • Communications Monday, March 15, 2010
  • Communications • XMLHttpRequest? Monday, March 15, 2010
  • Communications • XMLHttpRequest? • JSONP / JSON? Monday, March 15, 2010
  • Monday, March 15, 2010
  • Look ahead Monday, March 15, 2010
  • Look ahead But don’t implement everything Monday, March 15, 2010
  • Scaling and ppi Be aware Monday, March 15, 2010
  • Testing Monday, March 15, 2010
  • The browser is your friend Monday, March 15, 2010
  • The browser is your friend Really Monday, March 15, 2010
  • The browser is your friend Really Really Monday, March 15, 2010
  • The browser is your friend Really Really Really Monday, March 15, 2010
  • The browser is your friend Really Really Really Really Monday, March 15, 2010
  • The browser is your friend Really Really Really Really Really Monday, March 15, 2010
  • Set headers... and steal Send iPhone headers from within Firefox for example Monday, March 15, 2010
  • Hmmmm, alert(“Hi”); Monday, March 15, 2010
  • Automate Create routines Monday, March 15, 2010
  • Agenda • Timetravel • Why mobile JavaScript development? • Tales of a mobile dev (EventNinja) • Outlook Monday, March 15, 2010
  • Better browsers Monday, March 15, 2010
  • Faster devices Monday, March 15, 2010
  • More market coverage Monday, March 15, 2010
  • Richer device APIs Monday, March 15, 2010
  • Pulse check j K a a HumanApi - http://bit.ly/92lpyR Monday, March 15, 2010
  • Other advantages of mobile development thx to @wolframkriesing for the link Monday, March 15, 2010
  • Other advantages of mobile development thx to @wolframkriesing for the link Monday, March 15, 2010
  • Share your knowledge Mobile JavaScript development is young Monday, March 15, 2010
  • @nonken | @uxebu @dojo | @dojocampus Monday, March 15, 2010