SlideShare a Scribd company logo
I	
  knew	
  there	
  had	
  to	
  be	
  a	
  be.er	
  way	
  to	
  build	
  
mobile	
  app	
  
Alius	
  Petraška,	
  Senior	
  Mobile	
  Developer	
  
I knew there had to be a better way to build mobile apps
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
•  ...
I knew there had to be a better way to build mobile apps
I knew there had to be a better way to build mobile apps
I knew there had to be a better way to build mobile apps
I knew there had to be a better way to build mobile apps
I knew there had to be a better way to build mobile apps
I knew there had to be a better way to build mobile apps
I knew there had to be a better way to build mobile apps
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)
I knew there had to be a better way to build mobile apps
!
Let’s try Hybrid!
write-once-run-everywhere
I knew there had to be a better way to build mobile apps
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
I knew there had to be a better way to build mobile apps
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?
I knew there had to be a better way to build mobile apps
I knew there had to be a better way to build mobile apps
I knew there had to be a better way to build mobile apps
I knew there had to be a better way to build mobile apps
index.html
index.js
camera usage examle
I knew there had to be a better way to build mobile apps
I knew there had to be a better way to build mobile apps
I knew there had to be a better way to build mobile apps
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
I knew there had to be a better way to build mobile apps
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	
  

More Related Content

What's hot (20)

Tools For Mobile Web Design and App Creation
Tools For Mobile Web Design and App CreationTools For Mobile Web Design and App Creation
Tools For Mobile Web Design and App Creation
Carli Spina
 
Test+video+upload
Test+video+uploadTest+video+upload
Test+video+upload
Tianwei_liu
 
Ionic - Hybrid Mobile Application Framework
Ionic - Hybrid Mobile Application FrameworkIonic - Hybrid Mobile Application Framework
Ionic - Hybrid Mobile Application Framework
Sanjay Kumar
 
How to Successfully Implement Headless Drupal
How to Successfully Implement Headless DrupalHow to Successfully Implement Headless Drupal
How to Successfully Implement Headless Drupal
Acquia
 
Building mobile apps with PhoneGap and Backbone
Building mobile apps with PhoneGap and BackboneBuilding mobile apps with PhoneGap and Backbone
Building mobile apps with PhoneGap and Backbone
Troy Miles
 
Ionic Framework - get up and running to build hybrid mobile apps
Ionic Framework - get up and running to build hybrid mobile appsIonic Framework - get up and running to build hybrid mobile apps
Ionic Framework - get up and running to build hybrid mobile apps
Andreas Sahle
 
UCCSC 2016
UCCSC 2016UCCSC 2016
UCCSC 2016
Alex Wu
 
React Native - Framework For Mobile App (Seminar)
React Native - Framework For Mobile App (Seminar)React Native - Framework For Mobile App (Seminar)
React Native - Framework For Mobile App (Seminar)
Jaise P Jose
 
Intro to ionic 2
Intro to ionic 2Intro to ionic 2
Intro to ionic 2
Jamal Sinclair O'Garro
 
Drupal 8 deeper dive
Drupal 8 deeper diveDrupal 8 deeper dive
Drupal 8 deeper dive
Amazee Labs
 
Mobile apps with Ionic 2
Mobile apps with Ionic 2Mobile apps with Ionic 2
Mobile apps with Ionic 2
Khoa Nguyễn
 
[DevDay2018] Ignite your app development with native script and firebase - By...
[DevDay2018] Ignite your app development with native script and firebase - By...[DevDay2018] Ignite your app development with native script and firebase - By...
[DevDay2018] Ignite your app development with native script and firebase - By...
DevDay Da Nang
 
Build Mobile Applications with Headless Drupal 8 - DrupalConAsia 2016
Build Mobile Applications with Headless Drupal 8 - DrupalConAsia 2016Build Mobile Applications with Headless Drupal 8 - DrupalConAsia 2016
Build Mobile Applications with Headless Drupal 8 - DrupalConAsia 2016
Prateek Jain
 
Angular Connect
Angular ConnectAngular Connect
Angular Connect
Brandy Carney
 
Intro Angular Ionic
Intro Angular Ionic Intro Angular Ionic
Intro Angular Ionic
Gianvito Siciliano
 
Compose UI
Compose UICompose UI
Compose UI
Ulvi Jabbarli
 
JavaScript for ASP.NET programmers (webcast) upload
JavaScript for ASP.NET programmers (webcast) uploadJavaScript for ASP.NET programmers (webcast) upload
JavaScript for ASP.NET programmers (webcast) upload
Russ Fustino
 
Lift web framework and Scala programming language talk
Lift web framework and Scala programming language talkLift web framework and Scala programming language talk
Lift web framework and Scala programming language talk
clive boulton
 
Build Your First iPhone or Android App with Telerik AppBuilder
Build Your First iPhone or Android App with Telerik AppBuilderBuild Your First iPhone or Android App with Telerik AppBuilder
Build Your First iPhone or Android App with Telerik AppBuilder
Jeffrey T. Fritz
 
Discover Android Wear
Discover Android WearDiscover Android Wear
Discover Android Wear
Troy Miles
 
Tools For Mobile Web Design and App Creation
Tools For Mobile Web Design and App CreationTools For Mobile Web Design and App Creation
Tools For Mobile Web Design and App Creation
Carli Spina
 
Test+video+upload
Test+video+uploadTest+video+upload
Test+video+upload
Tianwei_liu
 
Ionic - Hybrid Mobile Application Framework
Ionic - Hybrid Mobile Application FrameworkIonic - Hybrid Mobile Application Framework
Ionic - Hybrid Mobile Application Framework
Sanjay Kumar
 
How to Successfully Implement Headless Drupal
How to Successfully Implement Headless DrupalHow to Successfully Implement Headless Drupal
How to Successfully Implement Headless Drupal
Acquia
 
Building mobile apps with PhoneGap and Backbone
Building mobile apps with PhoneGap and BackboneBuilding mobile apps with PhoneGap and Backbone
Building mobile apps with PhoneGap and Backbone
Troy Miles
 
Ionic Framework - get up and running to build hybrid mobile apps
Ionic Framework - get up and running to build hybrid mobile appsIonic Framework - get up and running to build hybrid mobile apps
Ionic Framework - get up and running to build hybrid mobile apps
Andreas Sahle
 
UCCSC 2016
UCCSC 2016UCCSC 2016
UCCSC 2016
Alex Wu
 
React Native - Framework For Mobile App (Seminar)
React Native - Framework For Mobile App (Seminar)React Native - Framework For Mobile App (Seminar)
React Native - Framework For Mobile App (Seminar)
Jaise P Jose
 
Drupal 8 deeper dive
Drupal 8 deeper diveDrupal 8 deeper dive
Drupal 8 deeper dive
Amazee Labs
 
Mobile apps with Ionic 2
Mobile apps with Ionic 2Mobile apps with Ionic 2
Mobile apps with Ionic 2
Khoa Nguyễn
 
[DevDay2018] Ignite your app development with native script and firebase - By...
[DevDay2018] Ignite your app development with native script and firebase - By...[DevDay2018] Ignite your app development with native script and firebase - By...
[DevDay2018] Ignite your app development with native script and firebase - By...
DevDay Da Nang
 
Build Mobile Applications with Headless Drupal 8 - DrupalConAsia 2016
Build Mobile Applications with Headless Drupal 8 - DrupalConAsia 2016Build Mobile Applications with Headless Drupal 8 - DrupalConAsia 2016
Build Mobile Applications with Headless Drupal 8 - DrupalConAsia 2016
Prateek Jain
 
JavaScript for ASP.NET programmers (webcast) upload
JavaScript for ASP.NET programmers (webcast) uploadJavaScript for ASP.NET programmers (webcast) upload
JavaScript for ASP.NET programmers (webcast) upload
Russ Fustino
 
Lift web framework and Scala programming language talk
Lift web framework and Scala programming language talkLift web framework and Scala programming language talk
Lift web framework and Scala programming language talk
clive boulton
 
Build Your First iPhone or Android App with Telerik AppBuilder
Build Your First iPhone or Android App with Telerik AppBuilderBuild Your First iPhone or Android App with Telerik AppBuilder
Build Your First iPhone or Android App with Telerik AppBuilder
Jeffrey T. Fritz
 
Discover Android Wear
Discover Android WearDiscover Android Wear
Discover Android Wear
Troy Miles
 

Similar to I knew there had to be a better way to build mobile apps (20)

«I knew there had to be a better way to build mobile app»​
«I knew there had to be a better way to build mobile app»​«I knew there had to be a better way to build mobile app»​
«I knew there had to be a better way to build mobile app»​
FDConf
 
appMobi HTML5 Gaming
appMobi HTML5 GamingappMobi HTML5 Gaming
appMobi HTML5 Gaming
Andrew Smith
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile Development
Manesh Lad
 
Mobile ECM with JavaScript - JSE 2011
Mobile ECM with JavaScript - JSE 2011Mobile ECM with JavaScript - JSE 2011
Mobile ECM with JavaScript - JSE 2011
Nuxeo
 
Building mobile apps using meteorJS
Building mobile apps using meteorJSBuilding mobile apps using meteorJS
Building mobile apps using meteorJS
Entrepreneur / Startup
 
Building Hybrid Apps with AngularJS and Ionic
Building Hybrid Apps with AngularJS and IonicBuilding Hybrid Apps with AngularJS and Ionic
Building Hybrid Apps with AngularJS and Ionic
Younes Adounis
 
Synapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps developmentSynapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps development
saritasingh19866
 
webinar-ionic
webinar-ionicwebinar-ionic
webinar-ionic
Jaime L. López Carratalá
 
Your choices for building a mobile app in 2016
Your choices for building a mobile app in 2016Your choices for building a mobile app in 2016
Your choices for building a mobile app in 2016
Jad Salhani
 
Introduction to hybrid application development
Introduction to hybrid application developmentIntroduction to hybrid application development
Introduction to hybrid application development
Kunjan Thakkar
 
Cross-platform Mobile Development on Open Source
Cross-platform Mobile Development on Open SourceCross-platform Mobile Development on Open Source
Cross-platform Mobile Development on Open Source
All Things Open
 
2011 code camp
2011 code camp2011 code camp
2011 code camp
imranq2
 
Making the Mobile Web Native with PhoneGap
Making the Mobile Web Native with PhoneGapMaking the Mobile Web Native with PhoneGap
Making the Mobile Web Native with PhoneGap
Roy Clarkson
 
Developing Hybrid Applications with IONIC
Developing Hybrid Applications with IONICDeveloping Hybrid Applications with IONIC
Developing Hybrid Applications with IONIC
Fuat Buğra AYDIN
 
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapBuilding Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Nick Landry
 
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application development
saritasingh19866
 
Mobeers waterloo-2011
Mobeers waterloo-2011Mobeers waterloo-2011
Mobeers waterloo-2011
Brian LeRoux
 
Future of Mobile
Future of MobileFuture of Mobile
Future of Mobile
Brian LeRoux
 
Web goes Native - iOS und Android Apps mit dem Ionic & Capacitor Framework
Web goes Native - iOS und Android Apps mit dem Ionic & Capacitor FrameworkWeb goes Native - iOS und Android Apps mit dem Ionic & Capacitor Framework
Web goes Native - iOS und Android Apps mit dem Ionic & Capacitor Framework
ssuserd5b22d
 
Post Windows Mobile: New Application Development Platforms
Post Windows Mobile: New Application Development PlatformsPost Windows Mobile: New Application Development Platforms
Post Windows Mobile: New Application Development Platforms
Barcoding, Inc.
 
«I knew there had to be a better way to build mobile app»​
«I knew there had to be a better way to build mobile app»​«I knew there had to be a better way to build mobile app»​
«I knew there had to be a better way to build mobile app»​
FDConf
 
appMobi HTML5 Gaming
appMobi HTML5 GamingappMobi HTML5 Gaming
appMobi HTML5 Gaming
Andrew Smith
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile Development
Manesh Lad
 
Mobile ECM with JavaScript - JSE 2011
Mobile ECM with JavaScript - JSE 2011Mobile ECM with JavaScript - JSE 2011
Mobile ECM with JavaScript - JSE 2011
Nuxeo
 
Building Hybrid Apps with AngularJS and Ionic
Building Hybrid Apps with AngularJS and IonicBuilding Hybrid Apps with AngularJS and Ionic
Building Hybrid Apps with AngularJS and Ionic
Younes Adounis
 
Synapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps developmentSynapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps development
saritasingh19866
 
Your choices for building a mobile app in 2016
Your choices for building a mobile app in 2016Your choices for building a mobile app in 2016
Your choices for building a mobile app in 2016
Jad Salhani
 
Introduction to hybrid application development
Introduction to hybrid application developmentIntroduction to hybrid application development
Introduction to hybrid application development
Kunjan Thakkar
 
Cross-platform Mobile Development on Open Source
Cross-platform Mobile Development on Open SourceCross-platform Mobile Development on Open Source
Cross-platform Mobile Development on Open Source
All Things Open
 
2011 code camp
2011 code camp2011 code camp
2011 code camp
imranq2
 
Making the Mobile Web Native with PhoneGap
Making the Mobile Web Native with PhoneGapMaking the Mobile Web Native with PhoneGap
Making the Mobile Web Native with PhoneGap
Roy Clarkson
 
Developing Hybrid Applications with IONIC
Developing Hybrid Applications with IONICDeveloping Hybrid Applications with IONIC
Developing Hybrid Applications with IONIC
Fuat Buğra AYDIN
 
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapBuilding Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Nick Landry
 
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application development
saritasingh19866
 
Mobeers waterloo-2011
Mobeers waterloo-2011Mobeers waterloo-2011
Mobeers waterloo-2011
Brian LeRoux
 
Web goes Native - iOS und Android Apps mit dem Ionic & Capacitor Framework
Web goes Native - iOS und Android Apps mit dem Ionic & Capacitor FrameworkWeb goes Native - iOS und Android Apps mit dem Ionic & Capacitor Framework
Web goes Native - iOS und Android Apps mit dem Ionic & Capacitor Framework
ssuserd5b22d
 
Post Windows Mobile: New Application Development Platforms
Post Windows Mobile: New Application Development PlatformsPost Windows Mobile: New Application Development Platforms
Post Windows Mobile: New Application Development Platforms
Barcoding, Inc.
 

More from Alius Petraška (10)

Xamarin: Create native iOS, Android and Windows apps in C#
Xamarin: Create native iOS, Android and Windows apps in C#Xamarin: Create native iOS, Android and Windows apps in C#
Xamarin: Create native iOS, Android and Windows apps in C#
Alius Petraška
 
BikeTrack Pitch Slides
BikeTrack Pitch SlidesBikeTrack Pitch Slides
BikeTrack Pitch Slides
Alius Petraška
 
The next big thing: Windows 8 @ Pre App Camp #3
The next big thing: Windows 8 @ Pre App Camp #3The next big thing: Windows 8 @ Pre App Camp #3
The next big thing: Windows 8 @ Pre App Camp #3
Alius Petraška
 
Microsoft Design principles and UI
Microsoft Design principles and UIMicrosoft Design principles and UI
Microsoft Design principles and UI
Alius Petraška
 
Designing the Metro Experience
Designing the Metro ExperienceDesigning the Metro Experience
Designing the Metro Experience
Alius Petraška
 
Silicon Valley Comes to the Baltics: Windows Phone success stories depends on...
Silicon Valley Comes to the Baltics: Windows Phone success stories depends on...Silicon Valley Comes to the Baltics: Windows Phone success stories depends on...
Silicon Valley Comes to the Baltics: Windows Phone success stories depends on...
Alius Petraška
 
Developing Windows 8 or how to redesign a religion
Developing Windows 8 or how to redesign a religionDeveloping Windows 8 or how to redesign a religion
Developing Windows 8 or how to redesign a religion
Alius Petraška
 
Windows Phone Not So Bad, Actually
Windows Phone Not So Bad, ActuallyWindows Phone Not So Bad, Actually
Windows Phone Not So Bad, Actually
Alius Petraška
 
Can you code Windows Phone like a Ninja?
Can you code Windows Phone like a Ninja?Can you code Windows Phone like a Ninja?
Can you code Windows Phone like a Ninja?
Alius Petraška
 
Getting Started with PhoneGap Windows Phone 7
Getting Started with PhoneGap Windows Phone 7Getting Started with PhoneGap Windows Phone 7
Getting Started with PhoneGap Windows Phone 7
Alius Petraška
 
Xamarin: Create native iOS, Android and Windows apps in C#
Xamarin: Create native iOS, Android and Windows apps in C#Xamarin: Create native iOS, Android and Windows apps in C#
Xamarin: Create native iOS, Android and Windows apps in C#
Alius Petraška
 
The next big thing: Windows 8 @ Pre App Camp #3
The next big thing: Windows 8 @ Pre App Camp #3The next big thing: Windows 8 @ Pre App Camp #3
The next big thing: Windows 8 @ Pre App Camp #3
Alius Petraška
 
Microsoft Design principles and UI
Microsoft Design principles and UIMicrosoft Design principles and UI
Microsoft Design principles and UI
Alius Petraška
 
Designing the Metro Experience
Designing the Metro ExperienceDesigning the Metro Experience
Designing the Metro Experience
Alius Petraška
 
Silicon Valley Comes to the Baltics: Windows Phone success stories depends on...
Silicon Valley Comes to the Baltics: Windows Phone success stories depends on...Silicon Valley Comes to the Baltics: Windows Phone success stories depends on...
Silicon Valley Comes to the Baltics: Windows Phone success stories depends on...
Alius Petraška
 
Developing Windows 8 or how to redesign a religion
Developing Windows 8 or how to redesign a religionDeveloping Windows 8 or how to redesign a religion
Developing Windows 8 or how to redesign a religion
Alius Petraška
 
Windows Phone Not So Bad, Actually
Windows Phone Not So Bad, ActuallyWindows Phone Not So Bad, Actually
Windows Phone Not So Bad, Actually
Alius Petraška
 
Can you code Windows Phone like a Ninja?
Can you code Windows Phone like a Ninja?Can you code Windows Phone like a Ninja?
Can you code Windows Phone like a Ninja?
Alius Petraška
 
Getting Started with PhoneGap Windows Phone 7
Getting Started with PhoneGap Windows Phone 7Getting Started with PhoneGap Windows Phone 7
Getting Started with PhoneGap Windows Phone 7
Alius Petraška
 

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