Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Lucio Grenzi - Use Ionic framework to develop mobile application

2.186 visualizaciones

Publicado el

In the ever evolving quest for the best mobile application development stacks, it's time to take a look at the Ionic Framework. Ionic is a library that provides mobile-optimized UI components to build “native-feeling” hybrid applications. Ionic is built on top of AngularJS to provide a complete solution for developing applications that are both well architected and native-feeling. That’s great news if you are an Angular developer. If you use another architectural framework, you can still use the Ionic CSS stylesheets, but you won’t get the powerful UI interactions, gestures, and animations.

Publicado en: Tecnología
  • ➤➤ How Long Does She Want You to Last? Here's the link to the FREE report ●●● http://ishbv.com/rockhardx/pdf
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

Lucio Grenzi - Use Ionic framework to develop mobile application

  1. 1. MILAN 20/21.11.2015 Use Ionic framework to develop mobile applications Lucio Grenzi
  2. 2. MILAN 20/21.11.2015 Who is this guy • Freelance • Front end web developer • Over 10 years of programming experience • Open source addicted • Github.com/dogwolf
  3. 3. MILAN 20/21.11.2015 - Grenzi Lucio Overview • Native vs Web vs Hybrid app • Ionic intro • Ionic CLI • UI Components • Demos
  4. 4. MILAN 20/21.11.2015 - Grenzi Lucio I want build a new app!
  5. 5. MILAN 20/21.11.2015 - Grenzi Lucio https://www.flickr.com/photos/johnjoh/448665548/
  6. 6. MILAN 20/21.11.2015 - Grenzi Lucio Native apps • More platform, more problem • Language is specific to platform => codebase separation • Dimisihing the return
  7. 7. MILAN 20/21.11.2015 - Grenzi Lucio Web apps Are website that looks like an app Run by a browser Native-like functionality in the browser
  8. 8. MILAN 20/21.11.2015 - Grenzi Lucio Hybrid apps • Embed HTML5 apps inside a thin native container • They can take advantage of the many device features available. • Single base code (HTML 5 + Css + Js)
  9. 9. MILAN 20/21.11.2015 - Grenzi Lucio Apache Cordova Open-source framework Run HTML/JavaScript based applications Native device functionality is exposed via JavaScript APIs Does not include UI Components
  10. 10. MILAN 20/21.11.2015 - Grenzi Lucio Cordova architecture https://blog.codecentric.de/en/2014/11/ionic- angularjs-framework-on-the-rise/
  11. 11. MILAN 20/21.11.2015 - Grenzi Lucio ngCordova collection of 70+ AngularJS extensions built on top of the Cordova API Made build, easy deploy, test Cordova apps http://ngcordova.com/
  12. 12. MILAN 20/21.11.2015 - Grenzi Lucio Ionic framework Build mobile apps faster with the web mobile you know and love
  13. 13. MILAN 20/21.11.2015 - Grenzi Lucio Modern web skills
  14. 14. MILAN 20/21.11.2015 - Grenzi Lucio Supported devices PlannedAndroid 4+IOS 6+
  15. 15. MILAN 20/21.11.2015 - Grenzi Lucio Ionic Architecture https://blog.codecentric.de/en/2014/11/ionic- angularjs-framework-on-the-rise/
  16. 16. MILAN 20/21.11.2015 - Grenzi Lucio Powered by AngularJs • develop rich and robust applications • create a powerful SDK • extend HTML vocabulary for your application • fully extensible
  17. 17. MILAN 20/21.11.2015 - Grenzi Lucio Sass • Give your app the appropriate look and feel • CSS can be quickly manipulated • Standalone CSS (indipendent of JS framework)
  18. 18. MILAN 20/21.11.2015 - Grenzi Lucio Ionic's adoption in numbers • Over 20.000 stars on GitHub (Top 40 project) • 600.000+ Ionic apps have been started from the CLI • Ionic CLI was downloaded 208.114 times in the last month • Released v1.0 on May 2015
  19. 19. MILAN 20/21.11.2015 - Grenzi Lucio How to get started
  20. 20. MILAN 20/21.11.2015 - Grenzi Lucio Install Ionic First install node.js Install Android ADT / iOS Xcode Open console and type $ npm install -g cordova ionic
  21. 21. MILAN 20/21.11.2015 - Grenzi Lucio Start a project $ ionic start iorun blank Comprehensive app structure Ready for deploy and building
  22. 22. MILAN 20/21.11.2015 - Grenzi Lucio Run it $ cd iorun $ ionic platform add android $ ionic build android $ ionic emulate android
  23. 23. MILAN 20/21.11.2015 - Grenzi Lucio Ionic built-in elements
  24. 24. MILAN 20/21.11.2015 - Grenzi Lucio List
  25. 25. MILAN 20/21.11.2015 - Grenzi Lucio Complex Lists
  26. 26. MILAN 20/21.11.2015 - Grenzi Lucio Collection repeat
  27. 27. MILAN 20/21.11.2015 - Grenzi Lucio Navigation
  28. 28. MILAN 20/21.11.2015 - Grenzi Lucio Tabs
  29. 29. MILAN 20/21.11.2015 - Grenzi Lucio Swipe menu'
  30. 30. MILAN 20/21.11.2015 - Grenzi Lucio Action sheet
  31. 31. MILAN 20/21.11.2015 - Grenzi Lucio Ionicons
  32. 32. MILAN 20/21.11.2015 - Grenzi Lucio Ionic box • Ready-to-go hybrid development environment for building mobile apps with Ionic, Cordova, and Android • https://github.com/driftyco/ionic-box
  33. 33. MILAN 20/21.11.2015 - Grenzi Lucio Choose your Android version Bootstrap.sh
  34. 34. MILAN 20/21.11.2015 - Grenzi Lucio Android version adoption https://developer.android.com/about/dashboards/index.html
  35. 35. MILAN 20/21.11.2015 - Grenzi Lucio
  36. 36. MILAN 20/21.11.2015 - Grenzi Lucio Ionic Lab
  37. 37. MILAN 20/21.11.2015 - Grenzi Lucio Ionic Creator
  38. 38. MILAN 20/21.11.2015 - Grenzi Lucio Ionic Market
  39. 39. MILAN 20/21.11.2015 - Grenzi Lucio Getting started guide ionicframework.com/getting-started Documentation ionicframework.com/docs Visit the Community Forum forum.ionicframework.com Contribute on GitHub github.com/driftyco/ionic
  40. 40. MILAN 20/21.11.2015 - Grenzi Lucio Questions? https://www.flickr.com/photos/derek_b/3046770021/
  41. 41. MILAN 20/21.11.2015 - Grenzi Lucio https://www.flickr.com/photos/wwworks/4759535950/
  42. 42. MILAN 20/21.11.2015 - SPEAKER’S NAME Leave your feedback on Joind.in! https://m.joind.in/event/codemotion-milan-2015

×