presentingBuild a native app with

Javascript"Wienke Giezeman"

&"

Who  are  you?  

• Skills?  • Stuff?  • Tools?  

Who  am  I?  Wienke  Giezeman  

2004   2013  

The  main  advantages  of  Appcelerator?  

Speed  of  development  No  ObjecCve  C  or  Java  knowledge  required  

Yet  a  na-ve  app  Chances  for  cross  pla4orm  developement  

 

Appcelerator  vs.  PhoneGap  Titanium  •  Na-ve  •  Works  with  Javascript  proxies    •  Cross  plaKorm  

–  iOS,  Android,  Web  

•  Language  –  JS  

•  Performance  •  Own  SDK  Titanium  Studio  •  PossibiliCes  to  integrate  na-ve  modules  

(module  appstore)  

PhoneGap  •  HTML  container  (UIWebView)  •  Many  plaKorms  

–  iOS,  Android,  BB,  Symbian,  Palm  

•  Languages  –  JS,  HTML,  CSS  

Cross  PlaKorm  

Marketplace  

The  Beauty  of  Javascript  

&  

The  Beauty  of  Javascript  

&  

var Person = Class.extend({! init: function(isDancing){! this.dancing = isDancing;! },! dance: function(){! return this.dancing;! }!});!var Ninja = Person.extend({! init: function(){! this._super( false );! },! dance: function(){! // Call the inherited version of dance()! return this._super();! },! swingSword: function(){! return true;! }!});!!var p = new Person(true);!p.dance(); // => true!!var n = new Ninja();!n.dance(); // => false!n.swingSword(); // => true!!// Should all be true!p instanceof Person && p instanceof Class &&!n instanceof Ninja && n instanceof Person && n instanceof Class!

alert(‘Bla!’);!

What  do  you  need?  

•  Mac/Win/Linux  •  XCode  •  Android  SDK  •  Titanium  Studio  •  (Apple  Developers  SubscripCon)  

Where  to  start?  

•  Javascript  -­‐  codeacademy.com  •  API  -­‐  h[p://developer.appcelerator.com/apidoc/mobile/latest  

•  KitchenSink  (Demo)  – Laat  van  alle  API  funcCes  een  voorbeeld  zien.  

•  Wiki  -­‐  h[ps://wiki.appcelerator.org/display/guides/Home  

Hello  World  (Demo)