I knew there had to be a better way to build mobile apps. The time has never been better to learn mobile application development. For many app ideas, you don’t even need any prior native development knowledge. You can get started today with knowledge of HTML, CSS and JavaScript. Unlike native mobile development, mobile applications using web technologies can support many mobile platforms. So during this session will gain experience how to start from very basics and build mobile apps with zero knowledge. Alius will share his own experience on building hybryd applications based on PhoneGap also he promised to explain why he suddenly changed his own opinion about native apps and switched back to Xamarin.

2. I
knew
there
had
to
be
a
be.er
way
to
build
mobile
app
Alius
Petraška,
Senior
Mobile
Developer

3. This talk will go on for!
12 hours *
* not really

4. You want to make mobile app because
• The world is moving
• Everybody's making mobile apps these day
• It makes million dollars
• For your business
• ...

7. But…
• You're not mobile app developer?
• You don't know Java, Objective-C?
• You want to build app that run !
everywhere
• Other ten thousand reasons...

9. 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?

10. But you want to go with cool
web technologies…

11. 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)

13. !
Let’s try Hybrid!

15. 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

16. 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

17. How does Cordova work?

25. h.p://ionicframework.com/

26. 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

27. h.p://www.appgyver.com/

28. h.p://goratchet.com/

30. 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
• Single Page Application Framework

32. 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

33. Ionic solves screen size issues

34. Example #1

35. Example #2

36. Example #3

37. Ionic Creator
https://creator.ionic.io

38. Intel XDK

39. but I’m Windows guy…

40. WinJS

41. http://try.buildwinjs.com/

42. C#
The best language for Windows development
Modern Features • Advanced Tools • Proven Libraries • Large Community

44. Intro

45. Xamarin’s Unique Approach

46. Xamarin Studio

47. Anything you can do in Objective-C, Swift
or Java can be done in C# with Xamarin!

48. Emerging Technologies & Devices
Android Wear
Google Glass
Amazon Fire
Phone
Amazon Fire TV

49. a
C# runs on ~2.6 Billion Devices

50. @aliuspetraska