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

1. Quique Fdez. Guerra
Software Dev. Engineer
Plainconcetps
@CKGrafico
CORDOVA
PRODUCTIVITY TOOLS

2. Quique Fdez. Guerra
Software Dev. Engineer
Plainconcetps
@CKGrafico
CORDOVA
PRODUCTIVITY TOOLS

3. Info@plainconcepts.com
Avinguda Josep Tarradellas, 10, 6º 1ª
08029 Barcelona, España
+34 93 3607 114
Barcelona

4. INTRODUCING
TRACKSERIES APP

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. THE RESULT

7. HELLO I AM
APACHE CORDOVA

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. PHONEWHAT?
Development Build process Result
*Free for open source projects or 1 private

10. IONIC AND
MULTIPLATFORM TEMPLATE

11. IONIC
• A Framework
• AngularJS
• Open source
• Extras like icons
• Ionic Creator
• Nice documentation
• Ready for Angular 2.0
AMAZING TOOL!
ionicframework.com

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. 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. THIS IS
TACO.TOOLS

15. TOOLS
TACO works with...
• Visual Studio
• Code
• Any text editor + commands
All documentation
taco.tools

16. VISUAL STUDIO

17. CODE

18. COMMANDS
Demo: TACO HelloWorld

19. BETAS WITH
HOCKEY APP

20. BETAS AND ANALYTICS
Demo: HockeyApp Dashboard

21. UPDATING
AND CODE PUSH

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. DO YOU LIKE
THE WEBVIEW?

24. WEBVIEW
The performance problem is
caused by the WebViewDEFAULT Webview

25. BUILDS
WITH VSTS

26. CREATE YOUR PHONEGAP
Demo: Builds with VSTS

27. Quique Fdez. Guerra
Software Dev. Engineer
Plainconcetps
@CKGrafico
SEE YOU!