Twitter: @MostafaElzoghbi
www.MostafaElzoghbi.com
•
•
•
•
•
•
•
•
Native Wrapper
<webview> or WWAhost
Your JavaScript App
Cordova Plugin JS API
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
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
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
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
•
•
•
•
•
•
Native Wrapper
<webview>
Your JavaScript App
Cordova Plugin JS API
6% of apps in stores
14% of apps in the business category
Source:
App Brain, April 2015
• HTML, CSS, JS, assets
• Configuration
• HTML, CSS, JS, assets
• HTML, CSS, JS, assets
• HTML, CSS, JS, assets
 In-box with Visual Studio 2015 Community
Edition (Recommended) [[ FREE ]]
 Visual Studio Code [[ FREE ]]








 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 )











•
•
•
•
•
•
•
•
•
•
npm install –g cordova sudo npm install –g cordova
•
cordova create workshop com.yourname.workshop Workshop

cordova platforms add ios
•
•
•
•
•
•
•
 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
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
Thank You

Developing cross platform mobile apps using Apache Cordova

Editor's Notes

  • #12 Visual Studio Code is available for Windows, OS X, and Linux.
  • #15 Building cordova apps using Visual Studio 2015 – Discussing Templates , Highlighting Project Structure, Support for CLI, Insights and best practices. Oct 1, The official announcement for TACO v1.0.0 http://blogs.msdn.com/b/visualstudio/archive/2015/10/01/announcing-tools-for-apache-cordova-aka-taco-v1-0-0.aspx Create a project. Project structure Plugins Taco.json file Managing NuGet Packages
  • #19 Needs to be updated based on recent announcements http://blogs.msdn.com/b/visualstudio/archive/2015/10/01/announcing-tools-for-apache-cordova-aka-taco-v1-0-0.aspx
  • #21  Cordova Tutorial: https://ccoenraets.github.io/cordova-tutorial/create-cordova-project.html
  • #22 Single Page App tutorial for AngularJS Ref.: http://ccoenraets.github.io/cordova-tutorial/single-page-app.html Modular AngularJS App Design Article http://clintberry.com/2013/modular-angularjs-application-design/
  • #23 Get Started demos url http://taco.visualstudio.com/en-us/docs/get-started-first-mobile-app/