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

PPTX
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
PPTX
Mobile Fest 2018. Илья Иванов. Как React-Native перевернул наше представление...
PPTX
Hybrid mobile and Ionic
PPTX
IONIC - Hybrid Mobile App Development
PDF
Building Mobile Apps with Cordova , AngularJS and Ionic
PPTX
Introduction to the Ionic Framework
PPTX
Ionic Framework - Intro to Hybrid Mobile Application Development
PPTX
Getting started with the Ionic Framework
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Mobile Fest 2018. Илья Иванов. Как React-Native перевернул наше представление...
Hybrid mobile and Ionic
IONIC - Hybrid Mobile App Development
Building Mobile Apps with Cordova , AngularJS and Ionic
Introduction to the Ionic Framework
Ionic Framework - Intro to Hybrid Mobile Application Development
Getting started with the Ionic Framework

What's hot (20)

PPT
Tools For Mobile Web Design and App Creation
KEY
Test+video+upload
PPTX
Ionic - Hybrid Mobile Application Framework
PDF
How to Successfully Implement Headless Drupal
PDF
Building mobile apps with PhoneGap and Backbone
PPTX
Ionic Framework - get up and running to build hybrid mobile apps
PPTX
UCCSC 2016
PPTX
React Native - Framework For Mobile App (Seminar)
PDF
Intro to ionic 2
PDF
Drupal 8 deeper dive
PPTX
Mobile apps with Ionic 2
PPTX
[DevDay2018] Ignite your app development with native script and firebase - By...
PPTX
Build Mobile Applications with Headless Drupal 8 - DrupalConAsia 2016
PDF
Angular Connect
PDF
Intro Angular Ionic
PPTX
Compose UI
PPTX
JavaScript for ASP.NET programmers (webcast) upload
PPT
Lift web framework and Scala programming language talk
PPTX
Build Your First iPhone or Android App with Telerik AppBuilder
PDF
Discover Android Wear
Tools For Mobile Web Design and App Creation
Test+video+upload
Ionic - Hybrid Mobile Application Framework
How to Successfully Implement Headless Drupal
Building mobile apps with PhoneGap and Backbone
Ionic Framework - get up and running to build hybrid mobile apps
UCCSC 2016
React Native - Framework For Mobile App (Seminar)
Intro to ionic 2
Drupal 8 deeper dive
Mobile apps with Ionic 2
[DevDay2018] Ignite your app development with native script and firebase - By...
Build Mobile Applications with Headless Drupal 8 - DrupalConAsia 2016
Angular Connect
Intro Angular Ionic
Compose UI
JavaScript for ASP.NET programmers (webcast) upload
Lift web framework and Scala programming language talk
Build Your First iPhone or Android App with Telerik AppBuilder
Discover Android Wear
Ad

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

PDF
«I knew there had to be a better way to build mobile app»​
PPTX
appMobi HTML5 Gaming
PDF
Cross Platform Mobile Development
KEY
Mobile ECM with JavaScript - JSE 2011
PPTX
Building mobile apps using meteorJS
PPTX
Building Hybrid Apps with AngularJS and Ionic
ODP
Synapse india reviews on cross plateform mobile apps development
PPTX
PDF
Your choices for building a mobile app in 2016
PPTX
Introduction to hybrid application development
PPTX
Cross-platform Mobile Development on Open Source
PPTX
2011 code camp
PPT
Making the Mobile Web Native with PhoneGap
PPTX
Developing Hybrid Applications with IONIC
PDF
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
ODP
Synapse india reviews on mobile application development
KEY
Mobeers waterloo-2011
KEY
Future of Mobile
PPTX
Web goes Native - iOS und Android Apps mit dem Ionic & Capacitor Framework
PDF
Post Windows Mobile: New Application Development Platforms
«I knew there had to be a better way to build mobile app»​
appMobi HTML5 Gaming
Cross Platform Mobile Development
Mobile ECM with JavaScript - JSE 2011
Building mobile apps using meteorJS
Building Hybrid Apps with AngularJS and Ionic
Synapse india reviews on cross plateform mobile apps development
Your choices for building a mobile app in 2016
Introduction to hybrid application development
Cross-platform Mobile Development on Open Source
2011 code camp
Making the Mobile Web Native with PhoneGap
Developing Hybrid Applications with IONIC
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Synapse india reviews on mobile application development
Mobeers waterloo-2011
Future of Mobile
Web goes Native - iOS und Android Apps mit dem Ionic & Capacitor Framework
Post Windows Mobile: New Application Development Platforms
Ad

More from Alius Petraška (10)

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

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