Published on September 24, 2014
Rocking the Ionic Framework Troy Miles 23 September 2014
What is the Ionic Framework? Combines Google's AngularJS with Apache Cordova along with sizzling CSS3 and their own magic
Cordova PhoneGap started at 2008 iPhoneDevCamp by Nitobi 2011 Nitobi acquired by Adobe Donated to Apache Foundation in 2011 Known as Apache Cordova http://cordova.apache.org
AngularJS Key Features Two Way Data-binding Model View Controller Dependency Injection Deep Linking HTML Templates Directives Testability
AngularJS <!DOCTYPE html> <html ng-app="moduleName"> <head lang="en"> <meta charset="UTF-8"> <title>NG-Skeleton</title> </head> <body> <div ng-controller="aController"> </div> <div ng-controller="anotherController"> </div> <!-- if using jQuery it goes here --> <script src="../libs/angular.min.js"></script> <!-- other libs and script files --> </body> </html>
How popular is AngularJS?
Text How popular is AngularJS?
Prerequisites Node / NPM Xcode Android SDK + Eclipse/Android Studio Gulp
Supported Devices iOS 6+ Android 4+ Windows Phone 8+ (soon?) FireFox OS (soon?)
Vagrant Installation is a pain Android only Especially great for Windows user Must install Vagrant + Virtualbox http://ionicframework.com/blog/ionic-vagrant-android/
My environment Mac Book Pro 8 GB + 512 SSD Xcode + Android SDK installed Node + NPM Chrome Canary + Allow-Control-Allow-Origin App
Install Ionic npm install -g cordova ionic gulp the -g is for globally
Create ionic app ionic start myApp <template> blank tabs sideMenu
Workflow ionic serve Google Chrome mobile emulator iOS Simulator / Android Emulator / Genymotion iOS / Android device
ngCordova Cordova has a lot of available plugins Plugins give access to the machine functions ngCordova "Angularizes" plugins for ready use You are always free to write your own wrapper code
Ionicons http://ionicons.com/ Can search from website Can easily change size free & open source
What about tablets? Side menu has been recently enhanced to support split view Ionic always has supported responsive design
Summary Ionic make mobile development easier but not easy Allows use of web skills Installation is still a challenge Not yet 1.0 release, but close
Subscribe to our newsletter to start Rocking right now! To get you started we give you our best selling eBooks for FREE! 1. Building web apps with Node.js
Random thoughts & observations. From the mundane to the profound and everything in between here’s what’s rocking our world Scrolling to a page anchor ...
Ionic Material Ionic Material Design is mobile application.Ionic Material developed by Ionic Framework.Ionic Material harmoniously sits a top of Ionic and ...
Forum for the Ionic Framework. ... IDE for creating cordova Apps. ... I'm all in for Zend Studio but when I'm rocking the client-side like in Cordova ...
Resolving Mac OS X error when running Android Emulator through the Ionic framework command line
Q&A for professional and enthusiast programmers ... Tour Start here for a quick overview of the site
How To Handle User Authentication With AngularJS Inside Your ... Keep on rocking with Ionic ... i m bigginner in the use of the ionic framework , ...
I've created demo-app for Kyiv DrupalCamp 2015 (Ukrainian drupallers event), where I'll talk about Drupal and Ionic. What are you building with Ionic?
##Introduction: This is an ionic-datepicker bower component, which can be used in any Ionic framework's application. No additional plugins required for ...