Ionic frameworks is the new kid on the block related to Hybrid Mobile Apps created by Drifty and rapidly growth with a variety of tools like ionic lab, ionic creator, ionic view, ionic crosswalk integration and other exciting tools is coming this year like ionic PUSH. Check this presentation to have a short getting start in this amazing framework. Let's create amazing apps with Ionic. \o/

1. Ionic Adventures
Hybrid Mobile development rocks @juarezpaf

2. 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 madewithlove
Caravana Web Founder
GDG Casts and GDG Organizer
Ionic & Firebase Enthusiast

3. Hybrid Mobile development rocks @juarezpaf
Hybrid Apps?
Nah… Native is better!

4. 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

5. Facebook Biggest Mistake Check this out Zuck
Hybrid Mobile development rocks @juarezpafOpen your mind, hybrid apps [pt-BR] http://slidesha.re/1wwZ1FC
Native versus Hybrid

6. Native SDKs No Web SDK
Hybrid Mobile development rocks @juarezpafSmashing 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

7. Hybrid Mobile development rocks @juarezpafhttp://ionicframework.com/

8. Hybrid Mobile development rocks @juarezpafhttp://ionicframework.com/docs/guide/preface.html

9. Hybrid Mobile development rocks @juarezpafhttp://ionicframework.com/
MIT LICENSED
Free to use (even commercially)

10. $ npm install -g cordova ionic
$ npm install -g install ios-sim
Hybrid Mobile development rocks @juarezpafhttp://ionicframework.com/docs/guide/installation.html
How to install Ionic?

11. What about Windows?
Hybrid Mobile development rocks @juarezpafhttp://bit.ly/visual-studio-2015-rc-tools

12. $ ionic start myApp
Hybrid Mobile development rocks @juarezpafhttp://ionicframework.com/docs/cli/start.html

13. $ ionic serve
Hybrid Mobile development rocks @juarezpafhttp://ionicframework.com/docs/cli/test.html
$ ionic platform add ios $ ionic platform add android

14. Hybrid Mobile development rocks @juarezpafhttp://ionicframework.com/docs/components/
Ionic CSS Components

15. Hybrid Mobile development rocks @juarezpafhttp://ngcordova.com

16. Ionic Lab
Hybrid Mobile development rocks @juarezpafhttp://ionicframework.com/blog/ionic-lab/
$ ionic serve ——lab

17. Ionic Crosswalk Integration
Hybrid Mobile development rocks @juarezpafhttp://ionicframework.com/blog/crosswalk-comes-to-ionic/
$ ionic browser add crosswalk
$ ionic run android

18. http://blog.ionic.io/ionic-platform-services-making-development-easier/

19. https://apps.ionic.io/

20. http://blog.ionic.io/announcing-the-new-ionic-creator/

21. http://usecreator.com/

22. http://view.ionic.io/

23. http://ionicframework.com/blog/view-app-is-alive/
23eace9f

24. Ionic Playground, a fun new tool that makes it incredibly
easy to build Ionic apps and demos in the browser.
Hybrid Mobile development rocks @juarezpafhttp://play.ionic.io/

25. Hybrid Mobile development rocks @juarezpafhttps://twitter.com/_AmitYadav/status/596034526486335488

26. Hybrid Mobile development rocks @juarezpafhttp://blog.ionic.io/the-ionic-playground/

27. Hybrid Mobile development rocks @juarezpafhttp://lab.ionic.io

28. http://blog.ionic.io/announcing-ionic-lab-mix-it-up-with-our-new-gui-tool/

30. Hybrid Mobile development rocks @juarezpafhttp://docs.ionic.io/docs/push-from-scratch

31. Hybrid Mobile development rocks @juarezpafhttp://docs.ionic.io/docs/push-overview

32. Hybrid Mobile development rocks @juarezpafhttp://devdactic.com/ionic-push-notifications/

33. http://blog.ionic.io/optimize-your-apps-growth-with-ionic-analytics-now-in-alpha/

34. Hybrid Mobile development rocks @juarezpafhttp://docs.ionic.io/v1.0/docs/deploy-from-scratch

35. Hybrid Mobile development rocks @juarezpafhttp://blog.ionic.io/announcing-ionic-1-0/

36. Hybrid Mobile development rocks @juarezpafhttp://showcase.ionicframework.com/

37. Hybrid Mobile development rocks @juarezpafhttp://blog.ionic.io/learning-ionic-in-your-living-room/

38. Hybrid Mobile development rocks @juarezpafhttp://www.appcamp.io/

39. http://bit.ly/ionic-adventures The ultimate guide to learn Ionic Framework and be tuned in to

40. Hybrid Mobile development rocks @juarezpafhttps://twitter.com/juarezpaf/status/625711814102360064

41. Hybrid Mobile development rocks @juarezpafhttps://twitter.com/demianborba/status/631867909564841985

42. http://devblog.blackberry.com/2015/08/ionic-adventures-the-ultimate-guide-to-learn-ionic/

43. Hybrid Mobile development rocks @juarezpafhttps://github.com/IonicBrazil/guia-do-desenvolvedor

44. Hybrid Mobile development rocks @juarezpafhttps://github.com/IonicBrazil/guia-do-desenvolvedor

45. Hybrid Mobile development rocks @juarezpafhttps://gitter.im/driftyco/ionic

46. Hybrid Mobile development rocks @juarezpafhttp://forum.ionicframework.com/

47. Hybrid Mobile development rocks @juarezpafhttp://ionicworldwide.herokuapp.com/

48. http://blog.ionic.io/introducing-the-ionic-market-buy-and-sell-ionic-starters-plugins-and-themes/

49. http://market.ionic.io/ Hybrid Mobile development rocks @juarezpaf

50. http://blog.ionic.io/ionic-and-the-internet-of-things/ Hybrid Mobile development rocks @juarezpaf

51. http://blog.ionic.io/ionic-and-the-internet-of-things/ Hybrid Mobile development rocks @juarezpaf

52. http://blog.ionic.io/ionic-and-the-internet-of-things-part-2 Hybrid Mobile development rocks @juarezpaf

53. http://blog.ionic.io/built-with-ionic-bitcoin-apps/

54. https://twitter.com/jthake/status/656398834868842496

55. http://ionic.io/2 Hybrid Mobile development rocks @juarezpaf

56. http://ionicframework.com/docs/v2/

57. http://ccoenraets.github.io/es6-tutorial/

58. Totally awesome!

59. Yaaaay!
Let’s create amazing apps with Ionic
Hybrid Mobile development rocks @juarezpafhttps://ionicframework.com