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