Aplicaciones Mobile con AngularJS y Ionic framework
14 recomendaciones10,286 vistas
Presentación de la charla "Aplicaciones Mobile con AngularJS y Ionic Framework" realizada el día 27 de marzo de 2014 para el grupo de meetup de AngularJS de Buenos Aires.
Publicidad
Más contenido relacionado
La actualidad más candente (20)
Destacado (20)
![[Cordova] Empezando con Ionic](https://cdn.slidesharecdn.com/ss_thumbnails/cordovaempezandoconionic-160713033101-thumbnail.jpg?width=560&fit=bounds)
![[Xamarin] Principio de Responsabilidad Única (S)](https://cdn.slidesharecdn.com/ss_thumbnails/xamarinprincipioderesponsabilidadnicas-170310185132-thumbnail.jpg?width=560&fit=bounds)
Publicidad
Similar a Aplicaciones Mobile con AngularJS y Ionic framework (20)
Publicidad
Último (20)
Aplicaciones Mobile con AngularJS y Ionic framework
- 1. Aplicaciones Mobile con AngularJS y Ionic Framework Marcos Reynoso @mfourky [email protected] 27 de marzo de 2014
- 2. Agenda ■ Introducción a las aplicaciones mobile Híbridas con Phonegap / Apache Cordova ■ Usos anteriores: JQuery Mobile Angular Adapter, angular-jqm ■ Introducción a Ionic Framework ■ Aplicación de Ejemplo
- 4. Phonegap / Apache Cordova ■ Phonegap es un framework para el desarrollo de aplicaciones mobile híbridas. ■ Desarrollado por Nitobi y comprado posteriormente por Adobe Systems. ■ En 2011 Adobe dona el proyecto a la fundación Apache, tomando el nombre de Apache Cordova. ■ Actualmente Adobe mantiene en paralelo a Phonegap como la versión más comercial.
- 6. Phonegap / Cordova CLI $ sudo npm install -g cordova $ cordova create ~/KewlApp KewlApp $ cd ~/KewlApp $ cordova platform add ios android $ cordova plugin add http://example.org/Kewlio-1.2.3.tar.gz $ cordova build $ cordova emulate ios (requiere ios-sim) $ cordova serve
- 7. Frameworks antes de IOnic Framework ■ JQuery Mobile Angular Adapter ■ Angular-JQM ■ Topcoat( sólo UI)
- 8. Ionic Framework Es un framework Open Source, para el desarrollo de aplicaciones mobile, que utilizan tecnologías web y se integra completamente con AngularJS. Fue desarrollado por la empresa Driftyco y el primer release es de Noviembre de 2013 y actualmente está en la versión 1.0.0 Beta.
- 9. Ventajas de Ionic Framework ■ Animaciones Aceleradas por Hardware. ■ Mínima manipulación del DOM ■ No usa JQuery. ■ Fácil adaptación del diseño ■ Soporte de Phonegap integrado. ■ Los componentes UI son directivas de AngularJS. ■ Ruteo con AngularUI
- 10. Desarrollo de Ionic Framework ■ AngularJS ■ CSS con Sass ■ Gulp como Builder ■ Bower ■ Karma ■ E2E Test con Protractor
- 11. Desarrollo Ionic Framework npm install && npm install -g gulp protractor gulp o gulp build to build gulp build --release to build with minification & strip debugs gulp watch to watch and rebuild on change gulp karma to test one-time gulp karma-watch to test and re-run on source change gulp protractor to test e2e tests locally gulp cloudtest to run e2e tests in the cloud
- 12. Componentes
- 13. Componentes
- 14. Componentes
- 15. Componentes
- 16. Componentes
- 17. Componentes
- 18. Componentes
- 19. Componentes
- 21. Ionic CLI $ sudo npm install -g ionic $ ionic start myApp $ ionic platform add ios android $ ionic build ios $ ionic emulate ios $ ionic run ios
- 22. Links ■ http://ionicframework.com ■ http://angularjs.org/ ■ http://phonegap.com ■ http://cordova.apache.org ■ https://github.com/angular-ui/ui-router ■ http://gulpjs.com/ ■ http://sass-lang.com/ ■ https://github.com/angular/protractor