Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Cordova Productivity Tools

67 views

Published on

A compilation of interesting tools to be more productive with Apache Cordova

Published in: Software
  • Be the first to comment

  • Be the first to like this

Cordova Productivity Tools

  1. 1. Quique Fdez. Guerra Software Dev. Engineer Plainconcetps @CKGrafico CORDOVA PRODUCTIVITY TOOLS
  2. 2. Quique Fdez. Guerra Software Dev. Engineer Plainconcetps @CKGrafico CORDOVA PRODUCTIVITY TOOLS
  3. 3. Info@plainconcepts.com Avinguda Josep Tarradellas, 10, 6º 1ª 08029 Barcelona, España +34 93 3607 114 Barcelona
  4. 4. INTRODUCING TRACKSERIES APP
  5. 5. THE IDEA • As user I want to login • As user I want to logout • As user I want to list my tv series • As user I want know if I’ve watched or not • As user I want to switch watched/unwatched • As user I want a the correct experience • As owner I want to test betas in “real time” • As owner I want to offer updates without a market • As dev I want to do all of this • As dev I want a life
  6. 6. THE RESULT
  7. 7. HELLO I AM APACHE CORDOVA
  8. 8. CORDOVA • We like JavaScript • We want to make apps • We want to use native APIs And we can with... Demo: Cordova CLI HelloWorld
  9. 9. PHONEWHAT? Development Build process Result *Free for open source projects or 1 private
  10. 10. IONIC AND MULTIPLATFORM TEMPLATE
  11. 11. IONIC • A Framework • AngularJS • Open source • Extras like icons • Ionic Creator • Nice documentation • Ready for Angular 2.0 AMAZING TOOL! ionicframework.com
  12. 12. MY TEMPLATE (YES… :p) • A Starter • Ionic • Open source • Ready for Windows 10 (mobile) • +55.000 downloads • Will be ready for 2.0 MADE WITH LOVE! cordova-multiplatform-template.js.org
  13. 13. BONUS • Icons generator github.com/eberlitz/splashicon-generator • Ionic CLI ionicframework.com/docs/cli/ • Ionic Lab lab.ionic.io • Ionic Market market.ionic.io Demo: Icons generator
  14. 14. THIS IS TACO.TOOLS
  15. 15. TOOLS TACO works with... • Visual Studio • Code • Any text editor + commands All documentation taco.tools
  16. 16. VISUAL STUDIO
  17. 17. CODE
  18. 18. COMMANDS Demo: TACO HelloWorld
  19. 19. BETAS WITH HOCKEY APP
  20. 20. BETAS AND ANALYTICS Demo: HockeyApp Dashboard
  21. 21. UPDATING AND CODE PUSH
  22. 22. UPDATE YOUR APP INSTANTLY • Yes, instantly • Without markets • Only updates • Android, iOS • Soon Windows • Free (for now…) • Open source Demo: Emulator and CodePush
  23. 23. DO YOU LIKE THE WEBVIEW?
  24. 24. WEBVIEW The performance problem is caused by the WebViewDEFAULT Webview
  25. 25. BUILDS WITH VSTS
  26. 26. CREATE YOUR PHONEGAP Demo: Builds with VSTS
  27. 27. Quique Fdez. Guerra Software Dev. Engineer Plainconcetps @CKGrafico SEE YOU!

×