MDC kompakt 2014: Hybride Apps mit Cordova, AngularJS und Ionic
•
0 gostou•460 visualizações
Sehen Sie sich das Video an: http://haushoppe-its.de/videos/mdc-kompakt-2014-hybride-apps-mit-cordova-angularjs-und-ionic/ Dieser Vortrag wurde am 18.11.2014 bei der "MDC - Mobile Developer Conference kompakt 2014" aufgenommen. Dank Apache Cordova ist es möglich, Ihr bestehendes Wissen zu HTML5, JavaScript und CSS3 auf mobile Apps anzuwenden. Nutzen Sie AngularJS von Google, um Techniken wie MVC und Data Binding in den Browser zu bringen. Erfahren Sie in diesem Vortrag, wie Sie mit dem jüngsten Spross, dem Ionic Framework, ansprechende Oberflächen für iOS, Android und Windows Phone gestalten können. Statt PowerPoint erwartet Sie viel Live Coding. Johannes Hoppe wird zusammen mit Ihnen eine erste hybride Anwendung entwickeln.
Recomendados
Mais conteúdo relacionado
Destaque
Mais de Johannes Hoppe
Mais de Johannes Hoppe (20)
MDC kompakt 2014: Hybride Apps mit Cordova, AngularJS und Ionic
- 1. 1 von 26
- 2. 3 von 26
- 3. 4 von 26
- 4. 5 von 26
- 5. 6 von 26
- 6. 8 von 26
- 7. 9 von 26
- 8. 10 von 26
- 9. 12 von 26
- 10. 13 von 26
- 11. <body ng-app="myApp"> <a ui-sref="state1">State 1</a> <a ui-sref="state2">State 2</a> <div ui-view></div> </body> var myApp = angular.module('myApp', ['ui.router']) .config(function ($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise("/state1"); $stateProvider .state('state1', { url: "/state1", templateUrl: "partials/state1.html" }) .state('state2', { url: "/state2", templateUrl: "partials/state2.html", controller: function ($scope) { $scope.message = "... and a text from the controller!"; } }); 14 von 26
- 12. }); 15 von 26
- 13. 16 von 26
- 14. 17 von 26
- 15. 19 von 26
- 16. $ npm install -g cordova ionic $ ionic start [appName] creator:573c5b5d1c22 $ cd [appName] Optional $ npm install gulp -g $ ionic setup sass # auf Sass updaten 20 von 26
- 17. $ cd [appName] $ ionic serve # im Browser entwickeln! :-) $ ionic platform add android # Java SDK, Apache Ant, Android SDK... :-/ $ ionic build android $ ionic emulate android $ ionic platform add ios # OS X? Nope! :-( 21 von 26
- 18. $ npm install -g appbuilder $ appbuilder create hybrid [appName2] --template=Blank $ cd [appName2] $ appbuilder simulate 22 von 26
- 19. 23 von 26
- 20. 25 von 26
- 21. 26 von 26