Transferir como PDF, PPTX
![E la vem código...
angular.module('MyApp', [ 'MyApp.controllers', ‘MyApp.services’]);
…
angular.module('MyApp.controllers', []).controller('driversController', function($scope) {
$scope.name = “I’m Angular”;
});
…
angular.module('MyApp.services', []).factory('ergastAPIservice', function($http) {
var ergastAPI = {};
ergastAPI.getDrivers = function() {
return $http({
method: 'JSONP',
url: 'http://ergast.com/api/f1/2013/driverStandings.json?callback=JSON_CALLBACK'
});
}
return ergastAPI;
});](https://image.slidesharecdn.com/hybridapp-phonegapangularionic-141205221023-conversion-gate02/85/Hybrid-app-phonegap-angular-ionic-13-320.jpg)
![[2015/2016] Apache Cordova](https://cdn.slidesharecdn.com/ss_thumbnails/05cordova-160401161537-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap](https://cdn.slidesharecdn.com/ss_thumbnails/aula01-introducao-140223172330-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Hybrid app phonegap angular ionic
- 1. Desenvolvimento de AplicativosHíbridos com NodeJS + Cordova/Phonegap + AngularJS + Ionic Framework Joelmir Ribacki Dezembro, 2014
- 2. O que nãoserá visto
- 3. Aplicativos mobiles Umsistema instalado em um celular, tablet, PDA ou até mesmo em Windows phone*. ● Nativos ● Hibridos ● Web * Todo mundo diz que é bom mas poucos tem e os que tem não acham APPs para instalar.
- 4. APPs hibridas ●Sensha touch ● Jquery mobile ● Ionic Framework ● HTML 5 ● AngularJS ● ...
- 5. Phonegap ou cordova Phonegap ( Adobe ) Cordova ( Apache )
- 6. Tecnologias ● Cordova ● AngularJS ● Ionic Framework
- 7. Minha primeira appem 5 linhas 1. # yum install nodejs 2. # npm install -g cordova 3. # npm install -g ionic 4. # ionic start myApp sidemenu 5. $ ionic serve
- 8.
- 9.
- 10.
- 11. E roda PHP?noooooo!!
- 12.
- 13. E la vemcódigo... angular.module('MyApp', [ 'MyApp.controllers', ‘MyApp.services’]); … angular.module('MyApp.controllers', []).controller('driversController', function($scope) { $scope.name = “I’m Angular”; }); … angular.module('MyApp.services', []).factory('ergastAPIservice', function($http) { var ergastAPI = {}; ergastAPI.getDrivers = function() { return $http({ method: 'JSONP', url: 'http://ergast.com/api/f1/2013/driverStandings.json?callback=JSON_CALLBACK' }); } return ergastAPI; });
- 16. Two-Way Data Binding- na prática
- 17.
- 18.
- 19.
- 20.
- 21. Tudo bonito, mascomo mando para google play? apple store? Windows Store? ● Compre um Mac. ● Instale AVD do android. ● Rode pela primeira vez na vida o Visual Studio.
- 22. … ou PhonegapBuild
- 23. APPs para diferentesplataformas com o mesmo código
- 24. Opppaaa estagiário novona empresa
- 25.
- 26. Nem tudo vemfree... Apple ● $99/Ano ● Compilar local somente Xcode ( macOS ) ● Emulador só no mac ou direto no aparelho com IOS.
- 27. Nem tudo vemfree... Microsoft ● ~ $19/Ano (Pessoal) ● $ 99/Ano ( Empresarial ) ● Visual Studio
- 28. Nem tudo vemfree... Android ● $25 uma vez na vida ● Uma maquina com muuuita memoria RAM ● Mensagens de atualização do Java
- 29. Agora eu voufazer a minha APP multi plataforma e ficar milionário
- 30. Recaptulando ● Nodejs- gerenciar pacotes ● Cordova/Phonegap - webview e acesso ao device ● AngularJS - negócio da aplicação ● Ionic - Interface ● Deploy
- 31. Perguntas? Joelmir Ribacki joelmir.ribacki@gmail.com https://github.com/joelmir