Cross-Platform Mobile Development with Ionic Framework and Angular

  • Published on
    16-Jul-2015

  • View
    264

  • Download
    3

Transcript

<ul><li><p> Markers on a DOM element (attribute, element name, comment or CSS class); "... a way to teach HTML new tricks." Anything (within your app) ; A function that's attached to a DOM element: </p><p> a whole execution environment; a micro-application; </p></li><li><p>Apache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript</p></li><li><p> $ cordova platform add ios</p><p> $ phonegap platform add ios</p></li><li><p>https://github.com/gursesl/mgit</p></li><li><p>https://github.com/gursesl/mgit</p></li><li><p>$ npm install -g cordova ionic</p></li><li><p>$ ionic start mySideMenu sidemenu$ cd mySideMenu tabs</p><p>blank</p></li><li><p>$ ionic platform add ios$ ionic build ios$ ionic emulate ios$ ionic run ios</p></li><li><p>$ ionic serveRunning dev server: http://localhost:8100Running live reload server: http://localhost:35729Watching : [ 'www/**/*', '!www/lib/**/*' ]Ionic server commands, enter: restart or r to restart the client app from the root goto or g and a url to have the app navigate to the given url consolelogs or c to enable/disable console log output serverlogs or s to enable/disable server log output quit or q to shutdown the server and exit</p></li><li><p>$ gem install rb-fsevent$ sass --watch scss/app.scss:css/app.css</p><p>// Customize Ionic variables pre-import$stable: #e8f8f8;</p><p>@import www/lib/ionic/scss/ionic;</p><p>// Add custom styles.highlighted { color: #ffff00; }</p><p>scss/ionic.app.scss</p></li><li><p>/* Empty. Add your own CSS if you like */.new-block { color: #f0f0f0;}</p><p>// New block styles.parse { font-weight: bold; }</p><p>www/css/style.css</p></li><li><p>www/js/app.js</p></li><li><p>www/js/controllers.js</p></li><li><p>www/js/directives.js</p></li><li><p>www/index.html</p></li><li><p>https://github.com/gursesl/mgit</p></li><li><p> www.movel.co @stauffermatt - Intro to Ionic Ionic Framework AngularJS Gulp Grunt Bower NodeJS</p></li></ul>

Recommended

View more >