Download as PDF, PPTX
More Related Content
![20260201 [FOSDEM] gomodjail - library sandboxing for Go modules.pdf](https://cdn.slidesharecdn.com/ss_thumbnails/20260201fosdemgomodjail-librarysandboxingforgomodules-260201225659-76609ec4-thumbnail.jpg?width=640&height=640&fit=bounds)
![谷歌留痕技术教程[ 𝙩𝙤𝙥 𝟮𝟯𝟯. 𝙘 𝙤𝙢 ]](https://cdn.slidesharecdn.com/ss_thumbnails/top233-260130173900-2eb784f9-thumbnail.jpg?width=640&height=640&fit=bounds)
Ionic Framework
- 1. Open Talk onIonic Framework
- 2. Cristian Cortez + 8yDeveloper | + 4y Trainer Full Stack + Ionic Developer @cortezcristian
- 4. Ionic is anHTML5 mobile app development framework targeted at building hybrid mobile apps. Ionic Framework Docs
- 5. Ionic Stack Leveraged inNew Technologies
- 6. Apache Cordova isan open-source mobile development framework. Architecture
- 7. AngularJS is anopen-source web application framework mainly maintained by Google to address many of the challenges encountered in developing SPA. AngularJS
- 8. Gulp is ajavascript task runner that lets you automate tasks such as building, minifying, live reload, pre-process files and more... GulpJS
- 9. Server side javascriptand it's package manager. Node.js & npm
- 10. Local Storage, Audio,Video, Animations... HTML5 Features and Tips
- 11. An extension ofCSS that adds power and elegance to the basic language. It allows to use variables, nested rules, mixins, inline imports, and more... Sass
- 12.
- 13. Hybrid Mobile Apps theobvious Practical Market Solution
- 14. Native Hybrid Graphics NativeAPIs HTML, Canvas, SVG Performance Very Fast Fast Look and feel Native Emulated Distribution Appstore Appstore Device Access Yes Yes Development Skills ObjectiveC, Swift, Java JavaScript, HTML5, CSS3 Native vs. Hybrid
- 15. The Native Dilema Whendeveloping for multiple platforms... Mobile Experts are expensive and hard to find Lot of new platforms (Android, iOS, WP, BB10OS, FirefoxOS...) Sooner or later you'll like to reach users from different platforms
- 16.
- 17.
- 18. Stack Overflow SurveyResults Item / Year 2015 2016 Mobile developers 9.1% 8.4%
- 19. Developer Occupations There areroughly just as many developers who call themselves Mobile Developers as there are Android Mobile Developers (3% for each). About 2.5% of all developers are iOS Mobile Developers. We received 59 responses from Windows Phone Mobile Developers (.1%). Stack Overflow Survey 2016
- 20. Ionic Rapid Prototyping Thepowerful command line utility
- 21. Ionic Client $ npminstall -g ionic cordova $ ionic start demoapp sidemenu $ cd demoapp $ ionic serve
- 22. Ionic Up AndRunning
- 23. Tabs, Navigation, Menusand more... Ionic Components
- 24. Contributed Templates $ ionicstart myMapDemo https://github.com/calende $ cd myMapDemo $ ionic serve Leaftlet Mapping Application
- 25. Map Demo AndRunning
- 26. Adding Platforms $ cordovaplugin add cordova-plugin-geolocation $ ionic platform add android $ ionic platform add ios $ ionic emulate ios
- 27. iPhone 6 Emulation Run& Emulate on your Phone
- 28. Look & Feel IonicMaterial
- 29. Ionic Market Ionic MarketExample
- 30. Sharing and Publishing BeingEfficient with Ionic
- 31.
- 32. Uploading / Viewing $ionic login # create account first $ ionic upload $ ionic share cortez.cristian@gmail.com Invite a friend to your Ionic App
- 33. Publish Android Market $ionic start sopa-de-letras blank $ # do some work with AngularJS $ ionic platform add android $ cordova build --release android $ # publish app on google play
- 34. Android Publishing Ionic Tools& Tips Improving the development flow
- 35. Continuous Deployment Continuously deployyour ionic app using Circle CI
- 36. Yeoman generator forcreating Ionic hybrid mobile applications using AngularJS and Cordova - lets you quickly set up a project with sensible defaults and best practices. Generator Ionic Yeoman Generators
- 37. Ionic Box isa ready-to-go hybrid development environment (based on Vagrant) for building mobile apps with Ionic, Cordova, and Android. Ionic Box Notes
- 38.
- 39. Why Ionic 2? Becauseof... Angular 2 TypeScript ES6 ES5 JavaScript
- 40.
- 41.
- 42.