Rapid mobile development with Ionic framework - Voxxdays Ticino 2015
Download as PPTX, PDF2 likes1,385 views
The document discusses the Ionic framework, highlighting its advantages for hybrid mobile app development, such as rapid development, low learning curve, and single SDK use. It emphasizes the evolution of mobile development since 2007 and compares hybrid apps with native apps in terms of performance and complexity. Additionally, it includes various features, components, and case studies related to Ionic applications.
Rapid mobile development with Ionic framework - Voxxdays Ticino 2015
- 1. @YourTwitterHandle#Voxxed @YourTwitterHandle#Voxxed Rapid mobile development with Ionic framework Alessio Delmonti Wiralist
- 2. {{ Alessio Delmonti }} alessio.d@gmail.com @alexintoshFounder Ionic Italia CoFounder / CTO CEO HybridApps.io
- 3. Summary IS HYBRID RIGHT FOR ME? NOT 2007 ANYMORE WHAT IS IONIC FRAMEWORK? IONIC ENVIRONMENT- HELPERS AND TOOLS CASE STUDIES DEMO TIME
- 4. IS HYBRID RIGHT FOR ME?
- 5. IS HYBRID RIGHT FOR ME? NATIVE APPS● Skills in each platform required ● Different SDKs ● Higher learning curve ● More platforms = More Bugs ● More time = More Money ● Better performance ● Web development skills ● Single SDK ● Rapid development ● Low learning curve ● Debug just one time ● Browser features ● Perfect for prototypes ● Faster go-to market strategy HYBRID APPS
- 6. IS HYBRID RIGHT FOR ME? NATIVE APPS● Skills in each platform required ● Different SDKs ● Higher learning curve ● More platforms = More Bugs ● More time = More Money ● Better performance ● Web development skills ● Single SDK ● Rapid development ● Low learning curve ● Debug just one time ● Browser features ● Perfect for prototypes ● Faster go-to market strategy HYBRID APPS
- 9. IOS ADOPTION TREND 7 → 8 https://mixpanel.com NOT 2007 ANYMORE
- 10. ANDROID ADOPTION TREND 4.1 → 4.4 https://mixpanel.com NOT 2007 ANYMORE
- 11. ANDROID >= 4.4 chromium-based with fresh new api NOT 2007 ANYMORE WEBVIE
- 12. WHAT IS IONIC?
- 14. COMPONENTS Side Menus Actionsheet Modal Pull To Refresh Slidebox Infinite Scroll Swipeable List Options Popup Popover Loading Overlay Inputs Buttons etc.
- 15. COMPONENTS Side Menus Actionsheet Modal Pull To Refresh Slidebox Infinite Scroll Swipeable List Options Popup Popover Loading Overlay Inputs Buttons etc.
- 16. COMPONENTS Side Menus Actionsheet Modal Pull To Refresh Slidebox Infinite Scroll Swipeable List Options Popup Popover Loading Overlay Inputs Buttons etc.
- 17. ARCHITECT URE Routing MVC pattern UI components as directive +63 Cordova plugins GEOLOCATION TOUCH ID OAUTH CSS designed to be easily overridden Easy customization Stand-alone css
- 18. PERFORMANCE ORIENTEDHardware accellerated animations CACHED VIEWS ● View elements left in the DOM ● $scope disconnected when cached ● State maintained ● Scroll positions maintained ● Highly configurable No jQuery (you can still use is)
- 19. HELPE RSAutomating Icons and Splash Screens CORS issue ionic serve - live reload live reload on device
- 20. HELPERS - platform continuity ios android
- 24. HELPERS - ionic deploy Update your app without resubmitting to the app store.
- 25. HELPERS - ionic analytics ● events ● Retention ● Heatmap
- 27. CASE STUDIE S
- 28. ● Splashscreen ● REST api ● Authentification ● Facebook integration ● Native sharing ● Sidemenu ● Intro tour ● Sign up / Login ● Pull to refresh
- 29. ● Splashscreen ● REST api ● Authentification ● Facebook integration ● Native sharing ● Sidemenu ● Intro tour ● Sign up / Login ● Pull to refresh
- 30. ● Splashscreen ● REST api ● Authentification ● Facebook integration ● Native sharing ● Sidemenu ● Intro tour ● Sign up / Login ● Pull to refresh 28Days
- 31. ● Splashscreen ● Maps integration ● Geolocalization ● Setting page ● Native share ● Native mail ● About page ● Login / SignUp ● Protected area ● Rate my app ● Intro tour
- 32. ● Splashscreen ● Maps integration ● Geolocalization ● Setting page ● Native share ● Native mail ● About page ● Login / SignUp ● Protected area ● Rate my app ● Intro tour
- 33. ● Splashscreen ● Maps integration ● Geolocalization ● Setting page ● Native share ● Native mail ● About page ● Login / SignUp ● Protected area ● Rate my app ● Intro tour 10Days
- 34. ● Splashscreen ● REST api ● SQL lite ● DB Sync ● Search ● Favorite engine ● Sidemenu
- 35. ● Splashscreen ● REST api ● SQL lite ● DB Sync ● Search ● Favorite engine ● Sidemenu
- 36. ● Splashscreen ● REST api ● SQL lite ● DB Sync ● Search ● Favorite engine ● Sidemenu 3Days
- 38. Thanks for coming! You can throw tomatoes now! Want to know more about ionic? Check out http://tinyurl.com/AwesomeIonic