Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Web Developers are now Mobile Developers
Similar to Web Developers are now Mobile Developers (20)
Recently uploaded
Recently uploaded (8)
Web Developers are now Mobile Developers
- 1. @boyney123 Mobile development is easy Mobile app development is on the decline Mobile development is boring I can't write mobile applications You have to be a specialist to write mobile apps 2014
- 2. @boyney123 WEB DEVELOPERS ARE NOW MOBILE APP DEVELOPERS and much more…
- 3. @boyney123 WHAT WE WILL COVER Brief history and current stats on mobile development Why hybrid? Why native? Look at hybrid frameworks & how to getting started Experience, tools and lessons learnt using hybrid in production Future of hybrid development Summary
- 5. @boyney123
- 7. @boyney123 HISTORY OF MOBILE DEVELOPMENT
- 9. @boyney123 Source: http://www.statista.com/statistics/263794/number-of-downloads-from-the-apple-app-store/ APPLE APP STORE DOWNLOAD FROM JULY 2008 TO JUNE 2015
- 11. @boyney123 Source: http://www.statista.com/statistics/271644/worldwide-free-and-paid-mobile-app-store-downloads/ NUMBER OF FREE AND PAID APP DOWNLOADS FROM 2011 TO 2017 (IN BILLIONS)
- 12. @boyney123 Source: http://www.statista.com/statistics/269025/worldwide-mobile-app-revenue-forecast/ WORLDWIDE MOBILE APP REVENUES FROM 2011 TO 2017
- 13. @boyney123 FACEBOOK DRAWS 1 BILLION USERS IN A SINGLE DAY “1 in 7 people on Earth used Facebook to connect with their friends and family” Mark Zuckerberg
- 20. @boyney123
- 21. @boyney123 HTML, CSS AND JS STACK Leap Motion Oculus Pebble NestCylon.js
- 24. @boyney123 NodeJS MongoDB Jade KnockoutJS SASS ExpressJS
- 27. @boyney123 BRING NATIVE IN HOUSE Add new features Maintain the code Remove dependency of third party Cheaper
- 28. @boyney123 PROBLEM WITH NATIVE FOR TEAM Didn't want to change career Time consuming Support multiple platforms Ramp up skill set Huge learning curve for team
- 29. @boyney123 WHAT OPTIONS DID WE HAVE?
- 30. @boyney123 WHAT OPTIONS DID WE HAVE? Spike / Try / Hack Hybrid Development Hire people to do native development Keep outsourcing the project Give up
- 31. @boyney123 LET THE 7 DAY HACK BEGIN
- 32. @boyney123 WHAT WE ACHIEVED IN 7 DAYS Proved we could get setup and building mobile applications within minutes Rebuilt (hacked) the app for a POC in a week Found the right hybrid framework for the team Got approval to use hybrid going forward
- 35. @boyney123 “Ionic empowers web developers to build compelling mobile apps without having to change career…” - Ionic Team
- 36. @boyney123 IONIC FRAMEWORK Started in 2014 19,398 stars on Github Top 50 most popular open source projects in the world Set of tools to create hybrid apps: Directives, Services, Web server, Cli, Components….
- 37. @boyney123 IONIC FRAMEWORK - WHY? Great tech stack for the team Powerful CLI Open source and FREE Performance obsessed Slick UI Components Easy to use Awesome Community Easy to debug
- 41. @boyney123 IONIC CLI - INSTALL npm install -g ionic
- 42. @boyney123 IONIC CLI ionic start myApp [type]
- 44. @boyney123 IONIC CLI ionic emulate [platform]
- 47. @boyney123 IONIC CLI ionic build [platform]
- 52. @boyney123 ANIMATIONS AND PERFORMANCE Built with minimal DOM manipulation Hardware accelerated transitions Pre-made components for common animations Is it good enough for our customers?
- 53. @boyney123 BUILDING WITH IONIC AT COMPARETHEMARKET.COM
- 54. @boyney123 IS HYBRID GOOD ENOUGH FOR OUR CUSTOMERS?
- 55. @boyney123 USER TESTING “How it feels to watch a user test your product for the first time” ~ Source: The Hipper Element
- 56. @boyney123 USER TESTING - RESULTS No mention of performance issues Most users happy with the experience Refocused our ideas and features Hybrid was correct for our team Dont care about the technology used, but the apps experience
- 57. @boyney123 BUILDING THE APPS FOR PRODUCTION
- 58. @boyney123 WORKFLOW! Code and push to devices Live Reload Phone emulators WebStorm IDE HockeyApp Debug Tools
- 61. @boyney123 CI - BUILD PROCESS Upload to HockeyApp Setup project Build .ipa and .apk Run Unit Tests Run cloud e2e tests Release Live Sign apps
- 62. @boyney123 Upload to HockeyApp Setup project Build .ipa and .apk Run Unit Tests Run cloud e2e tests git clone install-plugins.sh CI - BUILD PROCESS Release Live Sign apps
- 63. @boyney123 Upload to HockeyApp Setup project Build .ipa and .apk Run Unit Tests Run cloud e2e tests Sign apps Angular Mocks Testing Controllers, Directives, Services 400+ Unit Tests CI - BUILD PROCESS Release Live
- 64. @boyney123 Upload to HockeyApp Setup project Build .ipa and .apk Run Unit Tests Run cloud e2e tests ionic build [platform] Build Hooks - Gulp commands Minify, Uglify and Concatenate CSS and JS Build custom svg fonts Compress images (1/2 the app size) CI - BUILD PROCESS Release Live Sign apps
- 65. @boyney123 Upload to HockeyApp Setup project Build .ipa and .apk Run Unit Tests Run cloud e2e tests CI - BUILD PROCESS Release Live Sign apps
- 66. @boyney123
- 67. @boyney123 Upload to HockeyApp Setup project Build .ipa and .apk Run Unit Tests Run cloud e2e tests Meerkat Movies CI - BUILD PROCESS Release Live Sign apps
- 68. @boyney123 Upload to HockeyApp Setup project Build .ipa and .apk Run Unit Tests Run cloud e2e tests CI - BUILD PROCESS Release Live Sign apps
- 69. @boyney123 Upload to HockeyApp Setup project Build .ipa and .apk Run Unit Tests Run cloud e2e tests CI - BUILD PROCESS Release Live Sign apps
- 70. @boyney123 TEAM THOUGHTS & LEARNING ON IONIC & HYBRID DEVELOPMENT?
- 72. @boyney123 Quick prototyping Ionic components A lot of plugins and open source Ionic tools Ionic Services (Push) HTML, CSS and JS Great community THE GOOD
- 73. @boyney123 Building .ipa and .apk files Dealing with screen sizes is harder Angular 1 forces patterns Cross platform issues Ionic is too new… Angular mocking is horrid Angular 2 Still have to understand mobile development THE BAD
- 74. @boyney123 Angular testing Deployment of apps Mocking plugins in browsers Brittle tests Build process Angular pain in general API will be behind THE UGLY
- 75. @boyney123 OVERALL THE TEAM ENJOYED IT AND LEARNT A LOT ON THE WAY
- 77. @boyney123 FUTURE UPDATES Things will break (iOS9) Things will get fixed Hardware will get better Community grows stronger
- 80. @boyney123 SUMMARY Have Fun Right tool for the job (native or hybrid) Explore your stack and markets Community “Fixes issues but introduces new ones”
- 81. @boyney123 Mobile app development is on the decline Mobile app development is on the rise Mobile development is easy Mobile development is easy Mobile development is boring Mobile development is interesting I can't write mobile applications Anybody can write mobile applications You have to be a specialist to write mobile apps You don't have to be a specialist to write mobile apps 2015