Compello DevDays: X-platform Mobile Apps

Intended to be a workshop on x-platform mobile app engineering with a couple of hands-on demos building an Ionic app called Selfystic.
Originally presented in state universities, corporate tech forums, and meetups, and later presented at Compello DevDay in Oslo, Norway.

Transcript

1. Web app platform for “mobile” @kosalanuwan
3. what makes “web” so special?
4. - compatibility - independent - support - it is a standard - no vendor locking What makes it so special? Or is it special at all?
5. - faster JS - offline - app platform Out of the box features?
6. anything that has a web-viewer? - web browsers - mobile browsers - wearables - browser apps - etc. Who supports it?
7. - learn little bit about HTML and JS - need an Editor, not an IDE - may be few JS-libraries to get started - a web browser to test How do I jump start?
8. - responsive - offline data - routing - async message - cross browser issues DEMOS
9. why we should think “Mobile-first”?
10. … in next 5 years more than 6 billion Mobile Phone users /just-a-prediction
11. … in next 5 years more than 5 billion Internet users /just-a-prediction
12. How many devices connected? Now it’s nearly 9 billion
13. … in next 5 years more than 50 billion devices connected to internet /just-a-prediction
14. … in next 5 years nearly 35% devices connected to Cloud services /just-a-prediction
15. … and in average a person will connect at least 10 devices to the internet /just-a-prediction
16. … in next 5 years Internet + Mobility is for anybody at any time at any place in any device /just-a-prediction
18. is it hard to develop mobile apps? - arguably not hard. - 3 types of apps, technically 4 - native, web, hybrid, & compiled hybrid How do I choose?
19. - One app - Many platforms - Hosts inside a native app - Learn fast - Build fast What’s the big deal about Hybrid?
20. Guess the Hybrid app?
21. - They are just websites in app-stores - Native apps are better than Hybrids - You can’t access mobile features - Native apps are more beautiful - They are effin slow What people say about Hybrid apps?
23. You can build the same app using AngularJS and Cordova! /ionicframework
24. - Access device hardware : Plug-ins - Where do we store data : LocalStorage - Accessing REST API : Ajax calls - Other frameworks : Ionic, Sencha, Xamarine What else I need to know?
25. - Install an Editor - Download a mobile framework - Get the code - Build the app - Test it on Browser - Push to cloud DEMO: What can I do Today?