Embed Size (px)
Citation preview
Ionic Adventures Hybrid Mobile development rocks @juarezpaf
http://plus.google.com/+JuarezPAFilho/about
+JuarezPAFilho California Lover <3
http://plus.google.com/+JuarezPAFilho/about Hybrid Mobile development rocks @juarezpaf
An enthusiastic Front end Engineer with over 7 years of experience, after his first CSS class devoted completely to Front End and UX.
Front end Engineer at madewithloveCaravana Web Founder GDG Casts and GDG Organizer Ionic & Firebase Enthusiast
Hybrid Mobile development rocks @juarezpaf
Hybrid Apps?Nah… Native is better!
Hybrid Mobile development rocks @juarezpaf
Native Hybrid• Proficiency in each platform required
• Entirely separate code bases
• Timely & expensive development
• Diminishing returns
• More Platforms. More Problems.
• Why are we still coding for multiple platforms?
• Hybrid Apps: HTML5 that acts like native
• Web wrapped in native layer
• Direct access to native APIs
• Familiar web dev environment
• Develop a single code base (web platform)
http://ionicframework.com/present-ionic/
Native versus Hybrid
Facebook Biggest Mistake Check this out Zuck
Hybrid Mobile development rocks @juarezpaf Open your mind, hybrid apps [pt-BR] http://slidesha.re/1wwZ1FC
Native versus Hybrid
Native SDKs No Web SDK
Hybrid Mobile development rocks @juarezpaf Smashing Magazine: Hybrid apps http://goo.gl/pU09WO
Native versus Hybrid
• Common UI
• Views
• Navigation and stack history
• Transitions
• Gestures
• It's the wild-west for hybrid apps
• We need to bridge the gap between web and native
• We need rich, native-style UI components and interactions
• We need UI APIs, not just jQuery widgets
Hybrid Mobile development rocks @juarezpaf http://ionicframework.com/
Hybrid Mobile development rocks @juarezpaf http://ionicframework.com/docs/guide/preface.html
Hybrid Mobile development rocks @juarezpaf http://ionicframework.com/
MIT LICENSED Free to use (even commercially)
$ npm install -g cordova ionic
$ npm install -g install ios-sim
Hybrid Mobile development rocks @juarezpaf http://ionicframework.com/docs/guide/installation.html
How to install Ionic?
What about Windows?
Hybrid Mobile development rocks @juarezpaf http://bit.ly/visual-studio-2015-rc-tools
$ ionic start myApp
Hybrid Mobile development rocks @juarezpaf http://ionicframework.com/docs/cli/start.html
$ ionic serve
Hybrid Mobile development rocks @juarezpaf http://ionicframework.com/docs/cli/test.html
$ ionic platform add ios $ ionic platform add android
Hybrid Mobile development rocks @juarezpaf http://ionicframework.com/docs/components/
Ionic CSS Components
Ionic Lab
Hybrid Mobile development rocks @juarezpaf http://ionicframework.com/blog/ionic-lab/
$ ionic serve ——lab
Ionic Crosswalk Integration
Hybrid Mobile development rocks @juarezpaf http://ionicframework.com/blog/crosswalk-comes-to-ionic/
$ ionic browser add crosswalk$ ionic run android
http://blog.ionic.io/ionic-platform-services-making-development-easier/
http://blog.ionic.io/announcing-the-new-ionic-creator/
http://ionicframework.com/blog/view-app-is-alive/
23eace9f
Ionic Playground, a fun new tool that makes it incredibly easy to build Ionic apps and demos in the browser.
Hybrid Mobile development rocks @juarezpaf http://play.ionic.io/
Hybrid Mobile development rocks @juarezpaf https://twitter.com/_AmitYadav/status/596034526486335488
Hybrid Mobile development rocks @juarezpaf http://blog.ionic.io/the-ionic-playground/
http://blog.ionic.io/announcing-ionic-lab-mix-it-up-with-our-new-gui-tool/
Hybrid Mobile development rocks @juarezpaf http://docs.ionic.io/docs/push-from-scratch
Hybrid Mobile development rocks @juarezpaf http://docs.ionic.io/docs/push-overview
Hybrid Mobile development rocks @juarezpaf http://devdactic.com/ionic-push-notifications/
http://blog.ionic.io/optimize-your-apps-growth-with-ionic-analytics-now-in-alpha/
Hybrid Mobile development rocks @juarezpaf http://docs.ionic.io/v1.0/docs/deploy-from-scratch
Hybrid Mobile development rocks @juarezpaf http://blog.ionic.io/announcing-ionic-1-0/
Hybrid Mobile development rocks @juarezpaf http://showcase.ionicframework.com/
Hybrid Mobile development rocks @juarezpaf http://blog.ionic.io/learning-ionic-in-your-living-room/
Hybrid Mobile development rocks @juarezpaf http://www.appcamp.io/
http://bit.ly/ionic-adventures The ultimate guide to learn Ionic Framework and be tuned in to
Hybrid Mobile development rocks @juarezpaf https://twitter.com/juarezpaf/status/625711814102360064
Hybrid Mobile development rocks @juarezpaf https://twitter.com/demianborba/status/631867909564841985
http://devblog.blackberry.com/2015/08/ionic-adventures-the-ultimate-guide-to-learn-ionic/
Hybrid Mobile development rocks @juarezpaf https://github.com/IonicBrazil/guia-do-desenvolvedor
Hybrid Mobile development rocks @juarezpaf https://github.com/IonicBrazil/guia-do-desenvolvedor
Hybrid Mobile development rocks @juarezpaf https://gitter.im/driftyco/ionic
Hybrid Mobile development rocks @juarezpaf http://forum.ionicframework.com/
Hybrid Mobile development rocks @juarezpaf http://ionicworldwide.herokuapp.com/
http://blog.ionic.io/introducing-the-ionic-market-buy-and-sell-ionic-starters-plugins-and-themes/
http://blog.ionic.io/ionic-and-the-internet-of-things/ Hybrid Mobile development rocks @juarezpaf
http://blog.ionic.io/ionic-and-the-internet-of-things/ Hybrid Mobile development rocks @juarezpaf
http://blog.ionic.io/ionic-and-the-internet-of-things-part-2 Hybrid Mobile development rocks @juarezpaf
http://blog.ionic.io/built-with-ionic-bitcoin-apps/
https://twitter.com/jthake/status/656398834868842496
http://ccoenraets.github.io/es6-tutorial/
Totally awesome!
Yaaaay! Let’s create amazing apps with Ionic
Hybrid Mobile development rocks @juarezpaf https://ionicframework.com
