I	
  knew	
  there	
  had	
  to	
  be	
  a	
  be.er	
  way	
  to	
  build	
  
mobile	
  app	
  
Alius	
  Petraška,	
  Senior	
  Mobile	
  Developer	
  
This talk will go on for!
12 hours *



* not really
You want to make mobile app because
•  The world is moving
•  Everybody's making mobile apps these days
•  It makes million dollars
•  For your business
•  ...
Native Apps
•  Proficiency in each platform required
•  Entirely separate code bases
•  Timely & expensive development
•  Diminishing returns
•  More Platforms. More Problems.
•  Why are we still coding for multiple platforms?
But…
•  You're not mobile app developer?
•  You don't know Java, Objective-C?
•  You want to build app that runs !
everywhere
•  Other ten thousand reasons...
you want to go with !
cool web technologies…
Hybrid Apps
•  Hybrid Apps: HTML5 that acts like Native
•  Web wrapped in native layer
•  Direct access to native APIs
•  Familiar web dev environment
•  Develop a single code base (web platform)
!
Let’s try Hybrid!
write-once-run-everywhere
History
2009: PhoneGap started at Nitobi 

2011: PhoneGap purchased by Adobe 

2012: PhoneGap donated from Adobe to Apache 

2012: renamed as Cordova 

Today: PhoneGap is a distribution of Cordova
Under the hood
The UI layer is a web browser
view
•  100% width
•  100% height

Headless web browser
•  No URL bar
•  No decorations
•  No zooming
•  No text selection
How does Cordova work?
index.html
index.js
camera usage examle
Angular JS
•  Awesome MVC framework
•  Developed by Google and the community
•  Features
•  Live data binding
•  Two-way binding
•  Attaching code-behind to DOM element
•  Directives
•  Repeating DOM elements
•  Templates
•  Dependencies Injection

•  Best Single Page Application Framework
Angular JS
•  Awesome MVC framework
•  Developed by Google and the community
•  Features
•  Live data binding
•  Two-way binding
•  Attaching code-behind to DOM element
•  Directives
•  Repeating DOM elements
•  Templates
•  Dependencies Injection

•  Best Single Page Application Framework
h.p://www.appgyver.com/	
  
h.p://goratchet.com/	
  
h.p://ionicframework.com/	
  
http://ionicframework.com/
•  Started in 2014
•  13700 stars on Github
•  Top 50 most popular open source projects in the world
•  Over 320,000 apps created 2014 (Every month, over
50,000 new apps)
•  Based on Angular JS
•  Set of tools to create hybrid apps
Ionic Framework
•  A Front-end framework for mobile apps
•  Contains a lot of mobile-optimized HTML, CSS
and JS components
•  Uses Angular JS to power up your mobile apps 
•  Uses Cordova to create, build, run, deploy mobile
apps
Ionic solves screen size issues
Example #1
Example #2
Example #3
Ionic Creator
https://creator.ionic.io	
  
Intel XDK
but I’m Windows guy…
WinJS
http://try.buildwinjs.com/
C#
The best language for Windows development
Modern Features • Advanced Tools • Proven Libraries • Large Community
Intro
Xamarin’s Unique Approach
Xamarin Studio
Anything you can do in Objective-C, Swift
or Java can be done in C# with Xamarin!
Emerging Technologies & Devices
Android Wear
 Google Glass
Amazon Fire
Phone
Amazon Fire TV
a


C# runs on ~2.6 Billion Devices
@aliuspetraska	
  

I knew there had to be a better way to build mobile apps