Developing cross platform mobile apps using Apache Cordova

1. Twitter: @MostafaElzoghbi
www.MostafaElzoghbi.com

2. •
•
•
•
•
•
•
•
Native Wrapper
<webview> or WWAhost
Your JavaScript App
Cordova Plugin JS API

4. Way back machine: 2010
43%
64%
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
Time Spent in Apps vs. Browser
Apps Web

5. Apps dominate the mobile web
80% 86%
20% 14%
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
2013 2014
Time Spent in Apps vs. Browser
Apps Web

6. 42%
38%
26%
24%
23%
17%
15%
11%
7%
3% 3% 3%
The Languages Developers Know Best
% of developers who consider themselves proficient by language

7. 26%
17%
17%
14%
10%
8%
3%
1%
1%
1%
1%
1%
24%
20%
17%
13%
9%
7%
3%
1%
1%
1%
1%
1%
Java
Objective-C
HTML/JavaScript
C#
C/C++
Visual Development Tool
Java/Coffee/Type Script
PHP
Python
ActionScript
Lua
Ruby
Primary Language Share
% of developers using each as their primary language
All Developer Segments Full-time Professionals

8. •
•
•
•
•
•
Native Wrapper
<webview>
Your JavaScript App
Cordova Plugin JS API

9. 6% of apps in stores
14% of apps in the business category
Source:
App Brain, April 2015

10. • HTML, CSS, JS, assets
• Configuration
• HTML, CSS, JS, assets
• HTML, CSS, JS, assets
• HTML, CSS, JS, assets

11.  In-box with Visual Studio 2015 Community
Edition (Recommended) [[ FREE ]]
 Visual Studio Code [[ FREE ]]

12. 


13. 






15.  Use your web skills & assets
 Maintain one codebase
 Use the JS libraries you love ( Jquery, AngularJS, Knockout, Ionic, …etc)
 You’re want to build a consumer app in the top 3%
 You want different apps on different devices
 You ♥ Swift, Java, Objective-C or DirectX.
 If you love C#, consider Xamarin – ( Mobile Cross Platform Development )

18. 











19. •
•
•
•
•
•
•
•

20. •
•
npm install –g cordova sudo npm install –g cordova
•
cordova create workshop com.yourname.workshop Workshop

cordova platforms add ios
•

21. •
•
•
•
•
•

23.  http://aka.ms/cordova
 http://aka.ms/cordova-docs
 http://aka.ms/cordova-videos
 http://aka.ms/cordova-tutorials
 http://aka.ms/cordova-samples
 http://www.stackoverflow.com

https://channel9.msdn.com/Blogs/MostafaElzoghbi/Packaging-
Cordova-Apps-to-Google-Store

24. Microsoft Azure Tour
Tuesday, Oct 13, Philadelphia
Featuring a Keynote from
Scott Guthrie
Executive Vice President
Cloud & Enterprise
http://MicrosoftAzureTour.com
Top engineers from Redmond and independent experts from around the world
will present:
 12 technical sessions across two tracks (IT Experts and Developers)
 6 hands-on labs
Security, Networking, Big Data, Storage, Identity, Web,
Mobile, Hybrid, Containers, Devops, Open Source,
Management, Internet of Things

25. Thank You