Getting started with cross platform mobile apps using cordova

Embed Size (px)

Text of Getting started with cross platform mobile apps using cordova

  1. 1. Follow me on Twitter @MostafaElzoghbi www.MostafaElzoghbi.com
  2. 2. Native Wrapper or WWAhost Your JavaScript App Cordova Plugin JS API
  3. 3. 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
  4. 4. 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
  5. 5. 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
  6. 6. 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
  7. 7. Native Wrapper Your JavaScript App Cordova Plugin JS API
  8. 8. 6% of apps in stores 14% of apps in the business category Source: App Brain, April 2015
  9. 9. HTML, CSS, JS, assets Configuration HTML, CSS, JS, assets HTML, CSS, JS, assets HTML, CSS, JS, assets
  10. 10. Extension to Visual Studio 2013 In-box with Visual Studio 2015 Community Edition (Recommended)
  11. 11.
  12. 12.
  13. 13. Use your web skills & assets Maintain one codebase Use the JS libraries you love ( Jquery, AngularJS, Knockout, Ionic, etc) Youre 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 )
  14. 14.
  15. 15.
  16. 16. npm install g cordova sudo npm install g cordova cordova create workshop com.yourname.workshop Workshop cordova platforms add ios
  17. 17.
  18. 18. 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
  19. 19. Thank You